您的位置：首页 > Web前端 > HTML5

HTML5表单属性（二）

2016-03-28 11:20 609 查看
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

</head>

<body>

<form action="test.asp" method="get">

<p>

pattern 属性规定用于验证 input 域的模式(pattern).模式(pattern)是正则表达式.

</p>

<p>

注释：pattern 属性适用于以下类型的input标签：text, search, url, telephone, email 以及

password.

</p>

<p>

下面的例子显示了一个只能包含三个字母的文本域(不含数字及特殊字符):

</p>

Country code: <input type="text" name="country_code" pattern="[A-z]{3}" title="Three letter country code" />

<p>

required 属性规定必须在提交之前填写输入域(不能为空).

</p>

<p>

注释：required 属性适用于以下类型的 input 标签：text,search,url,telephone,email,password,date pickers,number,checkbox,radio 以及 file.

</p>

Name: <input type="text" name="usr_name" required="required" /><br />

<address>

Written by W3School.com.cn<br />

<a href="mailto:us@example.org">Email us</a><br />

Address: Box 564, Disneyland<br />

<b>Phone: +12 34 56 78</b>

</address>

<article>

<a href="http://www.apple.com">Safari 5 released</a><br />

7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC,

Apple announced the release of Safari 5 for Windows and Mac......

</article>

<p>dt标签定义一个定义列表中的一个项目，以及 dialog 中的角色。</p>

<p>dd标签定义一个定义列表中对项目的描述。</p>

<dl>

<dt>计算机</dt>

<dd>用来计算的仪器 ... ...</dd>

<dt>显示器</dt>

<dd>以视觉方式显示信息的装置 ... ...</dd>

</dl>

<del>

del 标签定义文档中已删除的文本。

</del>

<p>特殊字符:"&<> </p>

<input type="submit" />

</form>

<p>fieldset 元素可将表单内的相关元素分组.

<p>

fieldset

标签将表单内容的一部分打包，生成一组相关表单的字段.fieldset

标签没有必需的或唯一的

属性.

</p>

<p>

当一组表单元素放到 fieldset

标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效

果,或者甚至可创建一个子表单来处理这些元素.

</p>

<fieldset>

<legend>健康信息：</legend>

<form>

<label>身高：<input type="text" /></label>

<label>体重：<input type="text" /></label>

</form>

</fieldset>

</body>

</html>

<script type="text/javascript">

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航