第八章 表单标签



1. form表单必须填 enctype="multipart/form-data",而且最好使用method=“post”进行传输
写法:<form action="" method="post" enctype="multipart/form-data">
2. Input 还有 image (图片按钮,必须有src和width属性),input框一定要写name=“ ” ,不然上传不了数据,若要上传文件,则type= “file”
input常用属性有type,name, placeholder(表单提示),value,maxlength(表单可输入最大长度),checked
写法:<input type="" name="">
3. date(定义日期字段,带有calendar控件)
4. Option 是嵌套在select 里面使用的
案例:
<form action="" method="post" >
名称:<input type="text" name="userName"><br><br>
密码:<input type="passwordt" name="pwd"><br><br>
出生年月:<input type="data" name="time"><br><br>
<!-- 单选框 -->
性别:<label><input type="radio" name="sex">男</label>
<label><input type="radio" name="sex">女</label><br><br> <!--单选框的name必须要相同,加上label标签可以让文字选中-->
<!-- 多选框,多选框在name后面必须加上中括号 -->
<input type="checkbox" name="interest[]">足球<br>
<input type="checkbox" name="interest[]">篮球<br>
<input type="checkbox" name="interest[]">羽毛球<br>
<P>
<!-- 下拉菜单 -->
<select name="city">
<!-- 下拉选项 -->
<option value=""> --请选择-- </option>
<option value=""> 广州 </option>
<option value=""> 北京 </option>
<option value=""> 香港 </option>
</select>
</P>
个人简历:<input type="file" name="file"><br>
个人简介:<textarea name="abstract"></textarea><br>
<input type="submit" name="sumbit" value="上传"><br><br>
<input type="reset" name="reset" value="重填"> <br><br>
</form>

作者:oRa

浙公网安备 33010602011771号