form表單 input輸入框及屬性
阿新 • • 發佈：2019-01-24
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>form表單</title> </head> <body> <!--form表單 input輸入框 type定義input型別 name定義控制元件名稱，必備屬性 value定義控制元件的資料\值 size定義input寬度 readonly定義input為只讀屬性，只能看不能輸入 required定義輸入框為必填項，不填無法提交 select下拉框屬性selected表示預設選中 form屬性 name表單命名 method規定表單資料提交方式 get post action定義表單被提交時發生的動作，通常包含服務方指令碼的URL，即指向伺服器的檔案路徑， enctype表單資料進行編碼的方式，指定表單資料可以提交的型別 值一般為multipart/form-data 有此屬性值form表單可以提交任何資料，沒有則只能提交文字資料型別 --> <form action=""> 姓名：<input type="text" name="name" maxlength="15" /> <font color="red">*請輸入使用者名稱，最多15位</font> <br /><br /> 密碼：<input type="password" name="password" maxlength="10" /> <font color="red">*請輸入密碼，最多10位</font> <br /><br /> 性別： <input type="radio" name="sex" />男 <input type="radio" name="sex" />女 <input type="radio" name="sex" checked/>保密 <br /><br /> 郵箱：<input type="email" size="20" /> <br /><br /> 愛好： <input type="checkbox" name="hobby" />吃飯 <input type="checkbox" name="hobby" />睡覺 <input type="checkbox" name="hobby" />打豆豆 <input type="checkbox" name="hobby" />鬥地主 <input type="checkbox" name="hobby" />打麻將 <input type="checkbox" name="hobby" checked/>抽菸 <input type="checkbox" name="hobby" checked/>喝酒 <input type="checkbox" name="hobby" checked/>燙頭 <br /><br /> <input type="submit" name="tijiao" value="提交" /> <input type="reset" name="chongzhi" value="重置" /> <input type="button" name="button" value="普通按鈕" /> </form> </body> </html>