美文网首页
input 标签详解

input 标签详解

作者: 勃王 | 来源:发表于2017-05-02 23:14 被阅读0次

常用的input标签

  • button

一个没有默认行为的推送按钮

  • checkbox

一个被选中的盒子,必须使用value属性来确定被提交的数据 用checked属性确认checkbox是否被选中

  • file

可以让用户选择一个文件,accept属性限制了能够选择文件的类型。

  • hidden

一种不被显示但是里面的值会被传到后台

  • image

一个图形化的提交按钮,必须使用src属性来指定图片的地址和alt属性来说明图片未被正确显示时对图片的描述,也可以使用width和height属性来设置图片的大小

  • password

一个单线的文板框,里面的文本是被遮住的,用maxlength属性来定义可以输入文本的最大长度

  • radio

单选按钮,必须使用value属性来确定被提交的数据使用checked让radio默认被选中。在一个单选框组里面,每个单选按钮必须使用一个name值,只有一个单选框能被选中。

  • reset

一个可以重置form表单里所有默认值的按钮.

  • submit

用来提交form信息的按钮。

  • text

一个单线文本框,自动从输入值中删除换行符。

  • required

此属性input标签必填.

  • minlength

input标签的最小字节长度

  • maxlength

input标签的最大字节长度

  • pattern

正则表达式用于验证input标签里的值


在input里,name 有什么作用?

name 属性规定 input 元素的名称。
name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。

注释:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。


radio 如何 分组?

使用相同name值的radio为同组。


placeholder 属性有什么作用?

placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述)。
该提示会在用户输入值之前显示在输入字段中。


type=hidden隐藏域有什么作用? 举例说明

  1. 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。
  2. 有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
  3. javascript不支持全局变量,但有时我们必须用全局变量,我们就可以把值先存在隐藏域里,它的值就不会丢失了。

例子: 使用hidden实现点击提交按钮数字加1

相关文章

  • HTML标签知识点详解

    HTML标签知识点详解 iframe标签 a标签 form标签 input/button标签 table标签 if...

  • input标签详解

    一,标签定义及使用说明 二,HTML与XHTML的区别 三,注示 四,属性 1.type=text 2.type=...

  • input 标签详解

    HTML 元素用于为基于Web的表单创建交互式控件,以便接受来自用户的数据。 在HTML表单中,input标签...

  • input 标签详解

    常用的input标签 button 一个没有默认行为的推送按钮 checkbox 一个被选中的盒子,必须使用val...

  • input标签详解

    :用于收集用户信息。 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、...

  • input 标签详解

    什么是input? 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式,输入字段可以是文本...

  • input 标签详解

    最近学习HTML的过程中遇到了input标签,作为一名前端初级学习者,其实我是不太了解的。既然不懂的话,就得深入的...

  • input标签详解

    标签用于搜集用户信息,一般放在 标签下,根据不同的type属性值,输入字段拥有很多种形式,可以是文本、复选框、按钮...

  • input 标签详解

    一、input是什么 它在HTML中代表一个元素(Element),多数用于表单的互交控件。input在HTML中...

  • vue实现文件上传

    本文主要介绍input标签实现的文件上传 input 标签上传也有两种写法 一、隐藏input标签 将input标...

网友评论

      本文标题:input 标签详解

      本文链接:https://www.haomeiwen.com/subject/hbwhtxtx.html