创建表单
<form>
用户名:<input type="text" name="id"><br>
密 码:<input type="password" name="password"><br>
<input type="submit" name="submit" value="登录">
</form>
注:密码的类型为:password
隐藏域:用来向服务器提交一些网页上不需要被用户看到的内容,由网页制作者预先设置好隐藏域的内容。
<input type="hidden" name="id" value="1">
复选框(checkbox):表单中需要同时多个选项给用户选择的时候
<input type="checkbox"name="pashan" value="1">爬山
<input type="checkbox"name="tingge" value="2">听歌
<input type="checkbox"name="kandianying" value="3">看电影
<input type="checkbox"name="dushu" value="4">读书<br>
注:checkbox是type的属性
1.name属性定义复选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称
<input type="checkbox"name="aihao[]" value="1">爬山
<input type="checkbox"name="aihao[]" value="2">听歌
<input type="checkbox"name="aihao[]" value="3">看电影
<input type="checkbox"name="aihao[]" value="4">读书<br>
单选框(radio):用来让用户选择唯一的答案
<input type="radio"name="gender" value="男" />男
<input type="radio"name="gender" value="女" />女
<input type="radio"name="gender" value="未知" />未知<br>
文本域(textarea ):可以让用户输入多行文本
<textarea name="excel"cols="20" rows="2"></textarea><br>
注:cols属性定义多行文本框的宽度,单位是单个字符宽度,rows属性定义多行文本框的高度
文件域:可以让用户上传文件
<form method="post"enctype="multipart/form-data">
<input type="file" name="myfile"/>
</form>
下拉选框:允许用户在一个有限的空间设置多种选项
<select name="area">
<option value="0">请选择区域</option>
<option value="1">南岸区</option>
<option value="2">巴南区</option>
<option value="3">渝北区</option>
<option value="4">九龙坡区</option>
</select><br>
</select>