HTML學(xué)生信息登記表代碼:
<html> <head> <title>學(xué)生信息登記表</title> </head> <body> <h1>學(xué)生信息登記表</h1> <form action="submit.php" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br> <label for="age">年齡:</label> <input type="number" id="age" name="age"><br> <label for="gender">性別:</label> <input type="radio" id="male" name="gender" value="male"> <label for="male">男</label> <input type="radio" id="female" name="gender" value="female"> <label for="female">女</label><br> <label for="class">班級:</label> <select id="class" name="class"> <option value="class1">一班</option> <option value="class2">二班</option> <option value="class3">三班</option> </select><br> <input type="submit" value="提交"> </form> </body> </html>
上述代碼的作用是創(chuàng)建一個學(xué)生信息登記表的頁面,包含姓名、年齡、性別、班級等信息的輸入框,以及提交按鈕。其中,<form>標(biāo)簽定義了表單,action屬性指定提交到的處理頁面,method屬性指定傳輸方法,此處為POST傳輸方式。<label>標(biāo)簽用于標(biāo)注輸入框的名稱,for屬性與輸入框的id屬性相對應(yīng),實現(xiàn)鼠標(biāo)點擊標(biāo)注文字即可選中對應(yīng)的輸入框;<input>標(biāo)簽用于創(chuàng)建輸入框,type屬性指定輸入框類型,如文本框、單選按鈕等,name屬性指定提交時的響應(yīng)字段名稱,id屬性用于與label標(biāo)簽相聯(lián)系;<select>標(biāo)簽用于創(chuàng)建下拉菜單,option標(biāo)簽用于定義選項,value屬性為選項的值,文字內(nèi)容為選項的名稱。