HTML的表單操作
阿新 • • 發佈:2019-02-18
HTML中表單標籤用於將資料提交給伺服器,其跟標籤為,常用屬性有:action:指定提交資料的地址,method:指定表單的提交方式(提交方式有預設get方法,該方法提交資料時資料會在位址列顯示不安全且提交的資料大小不能超過1KB,post提交方式不會將資料內容顯示在位址列且大小不受限制)。
下面是一個用表單操作實現的資訊註冊的例項:
</head>
<!--表單項的資料要提交到伺服器上,必須有name的屬性值-->
<body>
<form action="http://www.baidu.com" method="post">
<!--文字輸入框 單行-->
使用者名稱:<input name="username" type="text"/><br/>
密碼:<input name="password" type="password"/><br/>
<!--單選框 -->
性別:男<input checked="checked" value="man" name="sex" type="radio"/> 女<input name="sex" value="woman" type="radio"/><br/>
<!--下拉框 -->
來自的城市:<select name="city">
<option value="BK">北京</option>
<option value="SH">上海</option>
<option value="GZ">廣州</option>
<option value="SZ">深圳</option>
</select ><br/>
<!--複選框 同一組的複選框,name 的屬性值要一致-->
興趣愛好:java<input value="java" name="hobit" type="checkbox"/>javascript <input value="javascript" name="hobit" type="checkbox"/> C#<input value="C#" name="hobit" type="checkbox"/><br/>
<!--檔案上傳框-->
照片:<input name="image" type="file"/><br/>
個人簡介:
<!--文字域-->
<textarea name="introdute" rows="10" cols="30">
</textarea><br/>
<!--提交按鈕-->
<input type="submit" value="註冊"/>
<!--重置按鈕-->
<input type="reset" value="重置"/>
</form>
</body>