10-表单标签

1. 表单
<form action="" method="" enctype=""></form>
    action:提交数据到指定文件
    method:提交数据的方式
        post:
        get:
    enctype:
        multipart/form-data:提交文件时,必须有该属性
2. 文本输入
<input type="" name="" value="">
    type:
        text:文本域
        hidden:隐藏域
        password:密码域
        radio:单选框
        checkbox:复选框
        file:文件域
        submit:提交
        image:图片提交按钮
            src:获取图片的路径
        button:普通按钮
        reset:重置按钮
    name:提交服务器时的数据字段名
    value:默认值
3. 下拉列表
<select name="">
    <option value=""></option>
</select>
4. 文本域
<textarea></textareaa>
5. 案例说明
<form action="./form.php" method="post" enctype="multipart/form-data">
        <input type="hidden" name="id" value="100">
        用户名:<input type="text" name="username"><br>
        密码:<input type="password" name="password"><br>
        性别:<input type="radio" name="sex" value="男" checked><input type="radio" name="sex" value="女"><br>
        爱好:<input type="checkbox" name="hobby">电影
              <input type="checkbox" name="hobby">代码
              <input type="checkbox" name="hobby" checked>小说<br>
        头像:<input type="file" name="image"><br>
        城市:<select name="city">
                <option value="广州">广州</option>
                <option value="深圳">深圳</option>
                <option value="东莞">东莞</option>
              </select><br>  
        个人介绍:<br><textarea rows="10" cols="50"></textarea><br>
        <input type="button" value="普通按钮">
        <input type="reset" value="重置">
        <input type="submit" value="提交">
    </form> 

这里写图片描述

猜你喜欢

转载自blog.csdn.net/rulaixiong/article/details/80640080
今日推荐