<html>
<style>
ul#menu li {
display:inline;
}
ul {
display: flex;
align-items: stretch; /* Default */
justify-content: space-between;
width: 50%;
margin: 0;
padding: 0;
}
li {
display: block;
background-color: #33CCFF;
flex: 0 1 auto; /* Default */
list-style-type: none;
}
.but {
color: black;
padding: 5px 10px;
text-align: center;
display: inline-block;
font-size: 15px;
margin: 10px 40px;
cursor: pointer;
text-decoration:none;
border-radius:10px;
padding: 10px 30px;
}
li:hover {
background-color: #003399;
}
li:focus {
background-color: #003399;
}
</style>
<p>DTC</p>
<form method="GET" action="../services/toDTC.php">
<input type="text" name="workerID" id="workerID" required>
<input type="text" name="rolle" id="rolle" value="VORB" required>
<input type="submit" name="act" value="New Request">
<input type="submit" name="act" value="View Open Requests">
</form>
<script type="text/javascript">
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const workerID = urlParams.get('workerID');
document.getElementById("workerID").value = workerID;
</script>
</html>