关于input的标签属性样式的粗略

input的标签主要在表单form中使用到的 但是,对于一个简单的input的标签,却又较多的属性值,各种属性值也让我们的input变得格外的强大。
下面,我们简单的梳理一下 input type类型的属性值

  1. 第一个是text,text是input的默认属性值,当你什么也不给的时候,浏览器会给他一个文本的属性。
  2. 第二个是search这个属性和第一个相似,但是提供了一个清除功能,而且,在浏览器的运行当中,会优先识别这个
  3. 第三个是password password主要是针对输入框是否显示可见来运用。
  4. 第四个 我们可以了解一下 radio 这是一个单选框,我们可以用这个来表示勾选与否,但是,需要注意的是,要实现单选功能,我们需要把其name设置成一致才能运行。
  5. checkbox 这个和radio相似,是一个多选框。
  6. file 这个可以实现文件的上传,当要实现多个文件上传是,我们需要加入multiple
  7. 接下来的三个 submit reset button 表现形式都和按钮差不多,但是前两者可以实现一个功能 后面仅仅是一个按钮。我们用到这里是 ,需要引用一个value值,表示名称。
  8. 值得我们注意的是,我们需要对,当我们使用input的标签是,我们要尽可能的为其name赋予值。要养成习惯。
  9. 当然,还有很多的属性值 如maxlength readonly disabled等等。还有在HTML5 中加入了一些 如email number url range color date datetime-local 等等。
  10. 除了谈论input以为,我们也可以简单的了解一下selecttextarea 两个表单标签。这个可以帮助我们更好地 构建一个表单。

猜你喜欢

转载自blog.csdn.net/weixin_43750638/article/details/84388024