input标签属性简述

一、input标签属性介绍

input标签有许多属性，如：type,name,id,value，style等

name属性：表示元素的名称，也就是name的值代表当前input元素的名字；
id属性：用于css引用或者其他引用
value属性：表示当前input框内显示的文字
style属性：用于设置css样式。如颜色，背景色等
type属性:用于设置输入框的类型，最重要的属性

如图：

以上属性中，type属性最重要，接下来讲解其type属性。

二、input标签的type属性详述

其type属性有多种类型：

文本框（type=text)，
按钮（type=button)，
单选（type=radio)
复选（type=checkbox)
下拉列表（type=select)
文本域（type=textarea)

如图：用Input标签，利用其type属性，从而可以设置一系列表单元素，input表签放在form表单中。

如：以下便是一个表单区域，用于收集家长的建议与反馈

三、input的type属性

1.文本框

运行结果：

2.密码框

运行结果：

注：密码框与文本框的区别：密码框输入的内容不可见，而文本框可见。

3.提交按钮

运行结果：

4.重置按钮

运行结果：

注：作用在于清空输入的信息。

5.单选框

运行结果：

6.复选框（多选框）

运行结果：

7.下拉列表框

运行结果：

8.文本域

运行结果：

input标签属性简述相关推荐

html里的input属性,HTML中强大的input标签属性
用了许久的html,这个标签是最常用的标签之一. 标签中type属性是必不可少的,以往我最常用的有 type="text"(单行文本输入) 类型. type="butto ...
input标签是什么？input标签属性有哪些
input标签属于什么标签?input标签属性有哪些?相信刚接触的表单的小白应该很陌生,那么接下来我们就来讲一下input标签属性有哪些? 首先小编在这里谢谢大家一直的支持,每天都会更新十个web前端 ...
input标签,下拉菜单和文本域
input标签属性:input标签不写type,默认类型是单文本框 maxlength:该属性是输入值的最大长度 value:该属性指当前文本框的值 min:最小值 max:最大值 checked: ...
移动端开发input标签调用数字键盘
先上代码: <input id="pp" type="number" maxlength="6" pattern="[0-9 ...
php 内置日历 input,input标签的日历功能实现
1. 利用HTML5 input标签属性type="date" 以上代码在PC端的样式为 Paste_Image.png 在iPhone6s手机端的样式为 Paste_Image. ...
input标签加disabled属性后无法获得其value值
在做网站时,由于某些信息不能修改,故使用了input标签的disabled属性, 但是在提交数据后却发现显示为空了.后来一查才知道input设置为disabled值时会有下面的限制: 1.不能接收焦点 ...
改HTML5里的input标签的required属性的提示为英文的
原文出处:http://zhidao.baidu.com/link?url=bVzR5uJ0pHchYtnUAbwbjmfKwBi6tF52wjOqWQtyGddJ6ZpGbd4qPM7Q_pfIEs ...
input标签能换行么？textarea标签属性
input标签不能换行!!!! 想做文本框并且要换行的话用textarea标签就行,并且可以实现自动换行,不需要另加属性.
表单input标签type属性详解
目标:详解表单input标签type属性常用的属性值一.input标签和它的type属性 PS:input 元素可以用来生成一个供用户输入数据的简单文本框. 在默认的情况下, 什么样的数据均可以输入 ...

input标签属性简述

一、input标签属性介绍

二、input标签的type属性详述

三、input的type属性

input标签属性简述相关推荐

最新文章

热门文章