第八章 表单标签

 

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>
       
  
posted @ 2019-05-17 20:40  小小oRa  阅读(131)  评论(0)    收藏  举报