- form 与用户进行交互,将浏览者的数据传到服务器端,相当于一个容器
语法:<form method = "传送方式" action = "服务器文件">
解释:method:数据传送的方式(get/post),action:浏览者输入的数据被传送到的地方,比如一个页面
- 文本/密码输入框
语法:<form>
<input type="text" name="名称" value="文本"/>
<input type="password" name="名称" value=“文本”>
</form>
解释:当type="text"时,输入框为文本
输入框;
当type="password"时,
输入框为密码输入框;
name:
为文本框命名,以备后台程序ASP 、PHP使用。
value:
为文本输入框设置默认值。(一般起到提示作用)
- 多行文本输入框
语法:<textarea rows="行数" cols=“列数”>文本</textarea>
解释:testarea 标签是成对出现的,cols 是多行文本框的列数,rows 是多行文本框的行数,文本是设置的默认值
eg:
<form action="save.php" method="post" >
<textarea rows="10" cols="50" >在这里输入内容...</textarea>
</form>
- 单选框、复选框
语法:<input type="radio/checkbox" value="值" name=“名称” checked=“checked”>
解释:radio:单选框,checkbox:复选框;value:提交到后台的值,name:为控件命名,供后台使用,当checked设置“checked”时,默认选中
注:同一组单选按钮,name取值要一致,这样才能保证单选
- 下拉列表框(单选)
语法:
<select>
<option value="运动1">运动2</option>
<option value="看书1" selected="selected">看书2</option>
</select>
解释:运动1是向服务器提交的值,运动2是页面显示的值,selected="selected"默认选中这个值
- 下拉列表框(多选)
语法:在select标签中设置 multiple=“multiple”
<form>
<select multiple="multiple">
<option value="看书">看书</option>
</select>
</form>
- 提交按钮/重置按钮
语法:<input type="submit" value="提交">
解释:type值设为submit时,按钮才能提交,valus 是按钮上显示的文字
语法:<input type="reset" value="重置">
解释:type值设为reset时,按钮才有重置功能,valus 是按钮上显示的文字
- form表单中的label标签
解释:当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就选中和该标签相关联的表单控件上面)
语法:<label for="控件id名称">
<form>
<label for="male">男</label>
<input type="radio" name="gender" id="male" />
</form>