前端开发input表单元素属性

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

属性值 描述

button

定义可点击按钮(通常用于通过JavaScript启动脚本,即搭配js使用)

checkbox

定义复选框

file

定义输入字段和“浏览”按钮,用于上传本地文件
hidden 定义隐藏的输入字段
image 定义图像形式的提交按钮
password 定义密码字段。使用password的字段中的字符被掩码
radio 定义单选框
reset 定义重置按钮,以用于清除表单中的所有数据
submit 定义提交按钮,以用于将表单域中的表单数据发送到服务器
text 定义单行的输入字段,用户可以输入文本,默认宽度为20字符

2、input表单的name属性

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

代码示例

 

name不同时的选框

性别:
爱好:游泳 打游戏 阅读

name相同时的选框

性别:
爱好:游泳 打游戏 阅读

页面效果

前端开发input表单元素属性_第1张图片

 3、input表单的value属性

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

你可能感兴趣的:(前端,前端HTML,前端,javascript,html,servlet)