當前位置:編程學習大全網 - 源碼下載 - 求html5代碼,編寫壹個form表單,實現壹個學生信息輸入

求html5代碼,編寫壹個form表單,實現壹個學生信息輸入

<!DOCTYPE?html>

<html>

<head>

<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">

<style?type="text/css">

input[type='radio'],

input[type='checkbox'],

label?{

cursor:?pointer;

}

</style>

</head>

<body>

<form?action="地址"?methed="post">

學號:

<input?type="text"?name="user"?placeholder="請輸入用戶名"?/>

<br?/>

密碼:<input?type="text"?name="pwd"?placeholder="請輸入密碼"?password="鍵盤"?/>

<br?/>

性別:

<input?type="radio"?name="sex"?id="sex1"?value="男"?checked><label?for="sex1">男</label?/>

<input?type="radio"?name="sex"?id="sex2"?value="女"><label?for="sex2">女</label?/>

<br?/>

電話:<input?type="text"?name="phone"?placeholder="請輸入電話號碼"?/>

<br?/>

郵箱:<input?type="text"?name="email"?placeholder="請輸入註冊郵箱"?/>

<br?/>

出生年月:<input?type="text"?name="birth"?/>

<br?/>

愛好:

<input?type="checkbox"?name="like"?id="like1"?value="籃球"><label?for="like1">籃球</label?/>

<input?type="checkbox"?name="like"?id="like2"?value="足球"><label?for="like2">足球</label?/>

<input?type="checkbox"?name="like"?id="like3"?value="羽毛球"><label?for="like3">羽毛球</label?/>

<br?/>

<input?type="submit"?value="提交"?/>

<input?type="reset"?value="重置"?/>

</form>

</body>

</html>

  • 上一篇:求壹段HTML代碼 頁面左右分欄,點中間可以把右邊正文擴展整頁的
  • 下一篇:360中超直播(看最新比賽)
  • copyright 2024編程學習大全網