定制input元素

用input元素输入文字

input的type属性设置为text时可以输入文字,这是默认形式。

maxlength设定能够输入的字符最大数目;size指定文本框能够显示字符数目

value属性设置输入框默认值;placeholder设置提示文字

可以将input元素的list属性设置为一个datalist元素的id值,这样用户在文本框中输入数据时只需从选项中选择就可以了

<datalist id="fruit">
    <option value="apples" label="lovely apples">
    <option value="orange">
</datalist>

readonly和disabled都可以生成用户不能编辑的文本框。设置disabled属性的input元素数据不会被提交到服务器,readonly会

用input元素输入密码

type为password

用input元素生成按钮

将input元素的type属性设置为submit、reset和button生成类似button元素

用input元素为输入数据把关

  • type设置为number获取数值,可以设置min、max、step属性
  • type设置range获取指定范围内数值
  • type设置为email、tel和url获取有规定格式的字符串
  • type设置为hidden可以隐藏输入框,提交表单时会发送到服务器
  • image型input元素生成的按钮显示为一幅图像
  • 设置type为file可以上传文件;表单编码类型设置为multipart/form-data时才能上传文件

 

posted @ 2020-07-26 21:18  唐新梧  阅读(127)  评论(0)    收藏  举报