(0012) H5开发之综合案例-会员注册表单-Toy模板网

这篇具有很好参考价值的文章主要介绍了(0012) H5开发之综合案例-会员注册表单。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

(0012) H5开发之综合案例-会员注册表单

下面实现：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>青春不常在，抓紧谈恋爱</h1>
    <hr>

    <form action="">
        昵称：<input type="text" placeholder="请输入昵称"><br><br>
        性别：<input type="radio" name="sex">男<input type="radio" name="sex">女<br><br>
        生日：<input type="date"><br><br>
        城市：<select name="" id="">
            <option value="" selected>北京</option>
            <option value="">上海</option>
            <option value="">广州</option>
            <option value="">深圳</option>
        </select><br><br>

        婚姻状况：<input type="radio" name="hunyin" checked>未婚
        <input type="radio" name="hunyin">已婚
        <input type="radio" name="hunyin">保密<br><br>

        兴趣爱好：<input type="checkbox" checked multiple>敲打吗
        <input type="checkbox" multiple>挣钱
        <input type="checkbox" multiple>旅游<br><br>

        个人介绍：<br><br>
        <textarea name="" id="" cols="30" rows="10"></textarea><br><br>

        <h2>我承诺</h2>
        <ul>
            <li>年满18岁，单身</li>
            <li>保证严肃的态度</li>
            <li>真诚寻找另一半</li>
        </ul>
        <input type="checkbox">我同意所有条款<br><br>

        <input type="submit" value="免费注册">
        <input type="reset">

    </form>

</body>

</html>