input标签属性

寵の児 提交于 2020-01-03 07:04:17

样式:

input{

  font-size:1.4em; 设置输入框中字体的大小

  height:2.7em; 设置输入框的高度

  border-radius:10px; 设置输入框的圆角的大小

  border:1px solid #c8cccf;设置输入框边框的粗细和颜色

  color:#986655; 设置输入框中文字的颜色

  outline:0; 将输入框点击的时候出现的边框去掉

  text-align:center; 设置输入框中文字的位置

  display:block; 将输入框设置为块级元素

}

type属性:

 

  text      定义单行的输入字段,用户可在其中输入文本

  password   定义密码字段。该字段中的字符被掩码

  file     定义输入字段和 "浏览"按钮,供文件上传

  radio    定义单选按钮

  checkbox   定义复选框

  hidden    定义隐藏的输入字段

  button   定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)

  image   定义图像形式的提交按钮

  reset    定义重置按钮。重置按钮会清除表单中的所有数据

  submit    定义提交按钮。提交按钮会把表单数据发送到服务器

  color      定义调色板

  tel        定义包含电话号码的输入域

  email        定义包含email地址的输入域

  url          定义包含URL地址的输入域 

  search      定义搜索域

  number       定义包含数值的输入域

  range        定义包含一定范围内数字值的输入域

  date       定义选取日、月、年的输入域 

  month       定义选取月、年的输入域

  week      定义选取周、年的输入域

  time          定义选取月、年的输入域

  datetime      定义选取时间、日 月、年的输入域(UTC时间)

  datatime-local   定义选取时间、日 月、年的输入域(本地时间)

 

其他属性:

  placeholder  默认显示文本


易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!