<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表單小結</title>
</head>
<body>
<script type="text/javascript">
function change(){
if(document.getElementById("agree").checked==true){
document.getElementById("btn").disabled=false;
}else{
document.getElementById("btn").disabled=true;
}
}
</script>
<input type="hidden" name="id" value="666666"/>
<h3>申請表</h3>
<form method="post" action="login" enctype="multipart/form-data">
<p>姓名：
<input type="text" name="username" />
<br><!-- br代表換行符 --><br>
密碼：
<input type="password" name="password" />
<br><!-- br代表換行符 --><br>
照片：
<br><!-- br代表換行符 --><br>
<input type="file" name="files"/> </p>
<p>感興趣的職位：
<br>
<input name="job" type="radio" checked="checked">web設計
<input name="job" type="radio">web開發
</p>
嚮往城市：<select>
<option value="selectCity">請選擇</option>
<option value="shanghai">上海</option>
<option value="xian">西安</option>
<option value="lanzhou">蘭州</option>
</select>
<br>
協議：
<br>
<textarea name="content" cols="20" rows="8" readonly="readonly">求職信息必須真實，準確，本網站只負責向企業推薦。
</textarea>
<br><br>
<input id="agree" type="checkbox" onchange="change()" /> 我認真閱讀並接受以上協議。
<br>
經驗：<br>
<select>
<option value="shanghai">無經驗</option>
<option value="xian">有實習經驗</option>
<option value="xian">正在工作</option>
</select>
<br>
<input id="btn" type="submit" value="提交" disabled="disabled" />
<!--disabled="disabled" -->
<input type="reset">
</form>
</body>
</html>
使用 HTML 製作簡易求職表
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章