HTML5表单属性(二)

<!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>特殊字符:&quot;&amp;&lt;&gt;&nbsp;</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>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值