当前位置: 移动技术网 > IT编程>网页制作>CSS > H5-表单笔记

H5-表单笔记

2019年05月06日  | 移动技术网IT编程  | 我要评论

在妓院里出生的男人,蝴蝶公墓网站,缘来有你

h5-表单笔记

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>formlearning</title>
</head>
<body>
    <form name="register" action="" method="post">
        <p>手机号码: <input type="text">
            &nbsp;
            <button>点击获取验证码</button>
        </p>
        <p>验证码: <input type="text"></p>
        <hr/>

        <p>用户名: <input type="text" name="name" id="name" placeholder="请输入用户名"></p>
        <p>密码: <input type="password" ></p>
        <p>确认密码: <input type="password"></p>
        <p>邮箱: <input type="text"></p>
        <hr/>

        <p>性别: <input type="radio" name="sex">男&nbsp;&nbsp;<input type="radio" name="sex">女</p>
        <p>出生日期: 
            <select name="birthday" id="year">
                <option value="1991">1991</option>
                <option value="1992">1992</option>
                <option value="1993">1993</option>
                <option value="1994">1994</option>
            </select>&nbsp;年&nbsp;
            <select name="birthday" id="month">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select>&nbsp;月&nbsp;
            <select name="birthday" id="day">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select>&nbsp;日&nbsp;
        </p>
        <p>爱好: <input type="checkbox" name="like">运动
            <input type="checkbox" name="like" >唱歌
            <input type="checkbox" name="like" >跳舞
            <input type="checkbox" name="like" >其他
        </p>
        <p>详细地址: <textarea cols="30" rows="10"></textarea></p>
        <p><button type="submit">立即注册</button>
            &nbsp;
            <input type="reset">
        </p>
    </form>
</body>
</html>

 

结果:

 

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网