表单练习——分组控件


<!DOCTYPE HTML>
<html>
<head>
    <meta  http-equiv="content-type" content="text/html;charset=utf-8">
    </meta>
</head>
<body>
<form action="http://localhost/" method="get">
    <h1>联系我们</h1>
    <p>请填写下面的内容:</p>
    <fieldset>
        <legend><em>基本信息</em></legend>
        你的邮箱:
        <input name="email" type="text"size="20"   maxlength="40">
    </fieldset>
    <br/>
    <fieldset>
        <legend><em>你的意见</em></legend>
        内容:
        <textarea name="content" rows="10" cols="10"></textarea><br/>
        你从那里知道我们的?
        <select name="referrer">
            <option value="Google">Google</option>
            <option value="百度">Baidu</option>
            <option value="Bing">Bing</option>
            <option value="其他">Other</option>
        </select><br/>
        是否愿意订阅我们的邮件?
        <input type="checkbox" name="checkOK"  checked="checked"/>
        如果你想订阅,请选中此项目
    </fieldset>
    <input type="submit" value="确认"/>
</form>
</body>
</html>

发表评论

邮箱地址不会被公开。 必填项已用*标注