html写备注的表单元素(html怎么写备注)

怎样用html写表单的教程

我们在浏览一些网站时经常会用到一种网页元素--表单。如下图，像这样允许用户输入并使用按钮提交信息的功能，我们称之为表单，那么接下来介绍HTML表单相关的一些知识点。

1)表单:帮助服务器收集客户端信息的一种机制

form?action="提交到的页面"?method="提交的方法"

表单控件

form

action:数据最后所提交的页面 绝对路径/相对路径

method:数据提交服务器时的提交方法 post get

2)表单控件:表单用于用户填写信息的控件

1、文本控件: 用于用户填写较少信息，且可以显示用户填写信息的控件

(注册时，用户名填写)

格式:

input?type="text"?name=""??id=""??value=""?size=""?placeholder=""/

type:设置控件样式 text

name:用于表单收集信息的一种标示符，也就是控件的名称

2、密码框:只是用户输入的内容看不到

input?type="password"?name=""?id=""??size=""/

3、单选按钮组:由多个单选按钮组成的按钮组，只能选中其中一个，这种按钮组

input?type='radio'?name=""?value=""?checked标示符

name:为了保证传递服务器数据只有一个，所以name值必须相同

value：是用提交服务器时，该标签被提交的数据,value不能相同;

checked:默认按钮组中的那个按钮被选中

性别:input?type='radio'?name=""?value=""?checked男

input?type='radio'?name=""?value=""?checked女

input?type='radio'?name=""?value=""?checked保密

所有表单控件name值不能相同!!!

4、复选按钮组: 与单选按钮组的区别可以选择多个，为了能将用户选择的多项内容传递服务器中，要将name名字后面加个[]

格式:

input?type='checkbox'?name=""?id=""?value=""?checked标示

选课:

input?type='checkbox'?name='classes[]'?checked?value='1'语文

input?type='checkbox'?name='classes[]'??value='2'数学

input?type='checkbox'?name='classes[]'??value='3'历史

input?type='checkbox'?name='classes[]'??value='4'政治

input?type='checkbox'?name='classes[]'??value='5'物理

input?type='checkbox'?name='classes[]'??value='6'化学

input?type='checkbox'?name='classes[]'?checked?value='7'美术

注意：一定要在name属性后面添加[]

5)下拉列表框:

格式:

select?name=""?

option?value=""?selected下拉列表项option

option?value=""?下拉列表项option

option?value=""?下拉列表项option

option?value=""?下拉列表项option

option?value=""?下拉列表项option

select

multiple:允许用户选中多个下拉列表项

optgroup: 设置下拉分类标示

6) 文本域：可以输入多行数据的表单控件

textarea?name=""?id=""?cols=""?rows=""

内容

textarea

rows:设置文本域可以输入的行数

cols:设置的文本域输入的列数(一行可以输入多少个字符)(不是PX)

个人介绍:

textarea?name='descs'?cols="50"?rows="10"

我是个学生

textarea

7)隐藏域：

input?type="hidden"?name?=?“”value?=””

8)上传控件：

input?type="file"?name=””

9)按钮标签:

普通按钮:为js提供的控件

input?type='button'?name=””?value=""/

value：按钮中显示的数据和提交到服务器后该控件提交的值

input?type='button'?name='clicks'?value="点我"/

提交按钮:点击后可以提交表单

input?type='submit'?name="add"?value='注册'/

重置按钮:点击后可以将用户输入的数据清空

input?type='reset'?name='cancel'?value='重置'

图片提交按钮:使用图片作为提交按钮

input?type='image'?src='图片地址'?name=””

本文的分享就到这，希望我的回答能帮到你。

html添加了哪些表单元素和属性

html5 新增了的表单元素和属性如下：

属性：

1、 form属性

在HTML5中表单元素可放在表单之外，通过给该元素添加form属性即可。

2、 formaction属性

HTML5给提交按钮(如button、submit、image等)增加了formaction属性，以便提交到不同的服务器地址

3、formmethod属性

既然对提交按钮有了formaction属性，就相应的有了formmethod属性

4、 placeholder属性

给文本框(text或textarea)处于未输入状态时的一种文字提示

5、autofocus属性

自动获得焦点，一个页面只能有一个控件具有该属性

6、 list属性

HTML5为单行文本框增加了一个list属性，该属性的值为某个datalist元素的id，增加该属性后的单行文本框类似选择框(select)，但允许用户自定义输入，为了避免没有支持该蒜素的浏览器出现错误，我们通常使用CSS设置不显示

6、autocomplete属性

自动完成允许浏览器预测对字段的输入，在HTML5之前自动完成不能自定义设置，任何人都可以看到，所以存在安全隐患，在HTML5中可以通过此属性来指定“on”、”off“或“”(不指定)三种，不指定时使用浏览器的默认值，这取决于各浏览器的决定。

元素：

HTML5大幅度地增加和改良了input元素的种类

search 与text文本框类似，用于搜索；

tel 与text文本框类似，用于电话；

url 与text文本框类似，用于url格式的地址；

email 与text文本框类似，用于email格式的地址；

number 与text文本框类似，用于数值；

range 只允许输入一段范围内的数值，通过min和max属性来设置范围；

color 颜色文本框，“#000000”格式的文字；

file 文件选择文本框，HTML5中通过multiple属性可以多选；

datetime、date、month、week、time、datetime-local 各种日期与时间输入的文本框；

output 定义不同类型的输出；

表单验证

自动验证

所谓自动验证，就是通过为元素添加相应的属性来达到验证的要求

1、 required属性

具有该属性的元素，如果其内容为空则不允许提交，并给出相应的提示

2、pattern属性

具有该属性的元素，如果内容不为空则把内容与pattern的值进行正则匹配，匹配不成功则不通过并提示

3、min属性和max属性

它们是值类型和日期类型的input元素专用属性，限制了输入的范围

4、 step属性

控制元素的值增加或减少的步幅，如输入11-100之间的数字，且步幅是5，那么只能输入11、16、21....

显示验证

除了给元素添加属性来自动验证外，在HTML5中，form元素与输入元素(input)包括select元素和textarea都具有一个checkValidity方法，调用该方法可以进行手动验证，checkValidity方法以boolean的形式返回验证结果。

取消验证

取消表单验证有两个属性：用于form的novalidate和用于submit的formnovalidate：

自定义错误

在HTML5中没经过验证的表单浏览器会有默认的提示，但也提供了通过JavaScript的来设置自定义错误提示信息

增强的页面元素

1、figure元素

figure是个组合元素，可以带标题figcaption，一个figure只允许放置一个figcaption

2、details元素

details提供了一种替代Javascript的、将画面上局部区域进行展开或收缩的方法

3 、mark元素

mark元素表示页面需要突出显示或高亮显示的部分，经典的是搜索结果

4、progress元素

可以给progress设置value和max属性，value表示已经进行的，max表示总数，value和max只能为有效的浮点数，value必须大于0小于等于max。如果不给progress设置这两个属性，则是动态显示正在进行，进度不确定。

5、 meter元素

定义度量衡

6、改良的ol列表

在HTML5中为ol元素添加了start属性和reversed属性

7、改良的dl列表

dl是专门用来定义术语的列表，在HTML5中为dt增加了名字dfn

8、 另外还有cite用于表示作者，small用于标识“小型文本”等

html5新增的表单元素有哪些

html5新增的表单元素有以下几种：

datalist，keygen，output三种无素。

1.datalist 元素

datalist 元素规定输入域的选项列表。

列表是通过 datalist 内的 option 元素创建的。

如需把 datalist 绑定到输入域，请用输入域的 list 属性引用 datalist 的 id。

2.keygen 元素

keygen 元素的作用是提供一种验证用户的可靠方法。

keygen 元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。

私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。

3.output 元素

output 元素用于不同类型的输出，比如计算或脚本输出。

根据具体问题类型，进行步骤拆解／原因原理分析／内容拓展等。

具体步骤如下：／导致这种情况的原因主要是……

html 怎样给元素写上备注呢？ 然后取元素的时候 就可以取出存入的备注内容 但是不用显示出来

注释可以：!--这是一段注释。注释不会在浏览器中显示。--

1.用javascript 调用注释，具体怎么操作，我也不会，但是我这个思路你可以试试。

2.正则过滤，提取内容。

HTML中常用的表单元素

基本介绍

本专题从最基础的表单知识，到表单的高级应用，让你有一个比较全面地认识，相信你在读完本专题以后，一定会对表单非常熟悉。

表单概述

表单，在网页中的作用不可小视，主要负责数据采集的功能，比如你可以采集访问者的名字和e－mail地址、调查表、留言簿等等。

[编辑本段]表单的组成

一个表单有三个基本组成部分：

表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

为了顾及不同的网页设计工具，本文只讲述代码的设计，不具体讲述操作方法，下面就是表单的HTML代码设计要点：

HTML表单元素之

label标签表示用户界面中某个元素的说明，提高其他表单元素(如input /select等标签)的可及性。

与input元素进行关联，点击label元素==点击input元素。点击label元素之后，input元素会获取焦点。

index.html

运行截图：

1. 不要在label内放置可交互的元素 ：如a标签、button标签、input type='button'，如果这样做，将会起到反作用。

2. 在label标签中不要添加 标题元素 ： 因为标题元素通常用于辅助导航，会干扰辅助技术。