|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<style> |
|
body { |
|
padding : 20px 40px; |
|
font-size : 14px; |
|
font-family : Verdana, Tahoma, sans-serif; |
|
} |
|
|
|
h2 { |
|
color : #273E83; |
|
} |
|
|
|
input:not([type=checkbox]), select { |
|
border-radius : 3px; |
|
padding : 10px; |
|
border : 1px solid #E2E2E2; |
|
width : 200px; |
|
color : #666666; |
|
box-shadow : rgba(0, 0, 0, 0.1) 0 0 4px; |
|
} |
|
|
|
input:hover, select:hover, |
|
input:focus, select:focus { |
|
border : 1px solid #273E83; |
|
box-shadow : rgba(0, 0, 0, 0.2) 0 0 6px; |
|
} |
|
|
|
.form label { |
|
margin-left : 12px; |
|
color : #BBBBBB; |
|
} |
|
|
|
.submit input { |
|
background-color : #273E83; |
|
color : #FFFFFF; |
|
border-radius : 3px; |
|
} |
|
|
|
</style> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>BigBlueButton Join Meeting - PHP Form</title> |
|
</head> |
|
<body> |
|
<h2>BigBlueButton Join Meeting - PHP Form</h2> |
|
|
|
<form class="form" action="join_bbb.php" method="post"> |
|
|
|
<p class="username"> |
|
<input type="text" name="username" id="username" placeholder="University Teacher"/> |
|
<label for="username">Username</label> |
|
</p> |
|
|
|
<p class="role"> |
|
<select name="role" id="role"> |
|
<option value="moderator">Moderator</option> |
|
<option value="attendee">Attendee</option> |
|
</select> |
|
<label for="role">Role</label> |
|
</p> |
|
|
|
<p class="meeting"> |
|
<select name="meeting" id="meeting"> |
|
<option value="mc">Molecular Chemistry</option> |
|
<option value="it">Information Theory</option> |
|
<option value="pm">Project Management</option> |
|
</select> |
|
<label for="meeting">Course</label> |
|
</p> |
|
|
|
<p class="web"> |
|
<input type="checkbox" name="html5" id="html5"/> |
|
<label for="html5">Use HTML5</label> |
|
</p> |
|
|
|
<p class="submit"> |
|
<input type="submit" value="Join"/> |
|
</p> |
|
</form> |
|
</body> |
|
</html> |
