Html完整表單頁面(註冊)

pangqiandou發表於2017-09-13
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WEB表單頁面</title>
</head>
<body>
<form action="" method="post">
<div id="title" style="size:+3" align="left">使用者註冊</div><br/>
<!--  輸入文字框 size:表示顯示長度  maxlength表示最多輸入長度 -->
編&nbsp;&nbsp;&nbsp;&nbsp;號:<input type="text" name="userid" id="userid" value="" size="2" maxlength="2"/><br/>
使用者名稱:<input type="text" name="username" id="username" placeholder="請輸入使用者名稱"/><br/>
密&nbsp;&nbsp;&nbsp;&nbsp;碼:<input type="password" name="userpass" id="userpass" placeholder="請輸入密碼"/><br/>
<!-- 單選按鈕,checked表示預設選中 value是真正想要的值 -->
性&nbsp;&nbsp;&nbsp;&nbsp;別:<input type="radio" name="sex" id="sex" value="男" checked>男&nbsp;&nbsp;
                <input type="radio" name="sex" id="sex" value="女">女<br/>
<!-- 下拉選單選項,通過option元素指定下拉選項的內容 -->
部&nbsp;&nbsp;&nbsp;&nbsp;門:<select name="dept" id="dept">
<option value="技術部">技術部</option>
<option value="測試部">測試部</option>
<option value="銷售部">銷售部</option>
<option value="財務部">財務部</option>
</select><br/>
<!-- 核取方塊:可以同時選擇多個選項,但是名稱必須相同,其中value為真正需要的內容 -->
          興&nbsp;&nbsp;&nbsp;&nbsp;趣:<input type="checkbox" name="inst" value="Java" checked>Java
             <input type="checkbox" name="inst" value="MySql">MySql
                 <input type="checkbox" name="inst" value="Linux">Linux
             <input type="checkbox" name="inst" value="Tomcat">Web Server<br/>
     <!-- 大文字輸入框(文字域): 寬度為30列,高度為5行-->    
          說&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;明:<br/>&nbsp;&nbsp;<textarea rows="5" cols="30"></textarea><br/>
    <input type="submit" value="註冊">&nbsp;
    <input type="reset" value="重置">
</form>
</body>
</html>

相關文章