知名建设网站,美工需要的网站,网站开发报价和开发周期,企业网站建设专家input 标签主要用于接收用户的输入#xff0c;随 type 属性值的不同#xff0c;变换其具体功能。 通用属性 属性属性值功能name字符串定义输入字段的名称#xff0c;在表单提交时#xff0c;服务器通过该名称来获取对应的值disabled布尔值禁用输入框#xff0c;使其无法被…input 标签主要用于接收用户的输入随 type 属性值的不同变换其具体功能。 通用属性 属性属性值功能name字符串定义输入字段的名称在表单提交时服务器通过该名称来获取对应的值disabled布尔值禁用输入框使其无法被用户修改和操作也不会被提交readonly布尔值使输入框内容只读无法编辑但可以被选中和复制 输入框 属性属性值功能value字符串输入框的默认值placeholder字符串输入框内的提示文本当用户未输入内容时显示输入内容后消失
单行文本输入框 text input typetext nameusername placeholder请输入用户名 /属性属性值功能maxlength数字可输入的最大字符数
密码输入框 password input typepassword namepassword placeholder请输入密码 /数字输入框 number
可通过上下箭头调整数值 input typenumber nameage min0 max200 /属性属性值功能min数字最小值max数字最大值step数字输入值的增量或减量
step2 表示输入值的增量或减量为 2min0表示最小值为 0。用户只能输入 0、2、4、6 等符合步长规则的值。
电子邮件输入框 email input typeemail nameemail placeholder请输入邮箱地址 /网址输入框 url input typeurl namewebsite placeholder请输入网址搜索输入框 search
用于搜索的文本字段一些浏览器会显示搜索图标等样式 input typesearch namesearch placeholder请输入搜索内容 /按钮 submit reset button image input typesubmit value提交 /input typereset value重置 /!-- 普通按钮 --input typebutton value按钮 /!-- 使用图像作为提交按钮 --input typeimage srcsubmit-button.png altSubmit Form /提交按钮用于将表单数据发送到服务器进行处理重置按钮点击可将表单字段重置为初始值普通按钮通常与 JavaScript 一起使用来触发脚本或执行特定操作
属性属性值功能formaction字符串用于覆盖 form 元素本身的 action 属性允许在同一个表单中为不同的提交按钮指定不同的目标 URL使表单数据可以根据不同的操作需求提交到不同的处理页面。
input typesubmit formactionURL1
input typeimage formactionURL2
button typesubmit formactionURL3提交/button用户点击 input typeimage 按钮时除了表单中的其他数据浏览器还会自动提交两个额外的参数x 和 y它们分别表示用户点击图像的水平和垂直坐标。在服务器端脚本中可以获取这些坐标值。 单选 radio input typeradio namesex value男 checked /男input typeradio namesex value女 /女属性属性值功能checked布尔值设置默认选中状态 多选 checkbox input typecheckbox namehobby value篮球 /篮球input checked typecheckbox namehobby value阅读 /阅读input checked typecheckbox namehobby value编程 /编程属性属性值功能checked布尔值设置默认选中状态 文件上传 file input typefile /滑块 range input typerange namerange min0 max100 step1 /属性属性值功能step数字滑块移动的间隔min数字最小值max数字最大值
step5 意味着滑块每次移动的距离是 5 个单位用户可以选择的值为 0、5、10 等 颜色选择器 color 用户可以选择颜色
input typecolor namecolor /日期选择器 date input typedate namebirthdate /step7 表示日期选择的间隔为 7 天用户只能选择每周的同一天。 时间选择器 time input typetime namestartTime /