前端开发input表单元素属性

1、input表单元素type属性值及其属性描述

属性值	描述
button	定义可点击按钮（通常用于通过JavaScript启动脚本，即搭配js使用）
checkbox	定义复选框
file	定义输入字段和“浏览”按钮，用于上传本地文件
hidden	定义隐藏的输入字段
image	定义图像形式的提交按钮
password	定义密码字段。使用password的字段中的字符被掩码
radio	定义单选框
reset	定义重置按钮，以用于清除表单中的所有数据
submit	定义提交按钮，以用于将表单域中的表单数据发送到服务器
text	定义单行的输入字段，用户可以输入文本，默认宽度为20字符

2、input表单的name属性

input表单的name是该表单的名字，用于区别不同表单元素，在单选框和复选框中，要实现多选项选这其中项则必须让所有选项拥有同一个name则可实现多选一

代码示例

 <form action="">
        <!-- name不同时的选框 -->
        <h3>name不同时的选框</h3>
        性别：<input type="radio" name="man">男
        <input type="radio" name="woman">女  <br>
        爱好：<input type="checkbox" name="swim">游泳
              <input type="checkbox" name="play">打游戏
              <input type="checkbox" name="read">阅读
        <h3>name相同时的选框</h3>
        性别：<input type="radio" name="sex">男
        <input type="radio" name="sex">女  <br>
        爱好：<input type="checkbox" name="like">游泳
              <input type="checkbox" name="like">打游戏
              <input type="checkbox" name="like">阅读
    </form>

页面效果

 3、input表单的value属性

input表单的value是input表单元素的值，value中读到的是什么值传入后台的便是什么值，由用户自定义