表单案例----用户注册

喵–喵

已于 2023-03-01 13:59:51 修改

阅读量151

点赞数 1

分类专栏： web开发案例文章标签： html 前端 javascript

于 2023-02-15 06:15:47 首次发布

本文链接：https://blog.csdn.net/m0_52867234/article/details/129036354

版权

web开发案例专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!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>简单案例-----表单</title>
</head>
<body>
    <h1>欢迎注册</h1>
    <p>已有账号？<a href="#">登录</a></p>
    <form action="">
    <p>
        用户名:<input type="text" placeholder="请输入用户名">
    </p> 
    <p>
        密码：<input type="password" placeholder="请输入六位数密码">
    </p>
    <p>
        手机号：<input type="text" placeholder="+86">
    </p>
    <p>
        性别：<label>    <input type="radio" name="sex" checked>男</label>
             <label >    <input type="radio" name="sex">女<br></label>
    </p>
    <p>
        所在城市：
        <select name="" id="">
            <option value="" selected>广州</option>
            <option value="">上海</option>
            <option value="">深圳</option>
        </select>
    </p>
    <p>
        兴趣爱好：
        <label><input type="checkbox" checked>游泳 </label>
        <label><input type="checkbox">滑雪 </label>
        <label><input type="checkbox">赛马 </label>
        <label><input type="checkbox">篮球 </label>
        <label><input type="checkbox">其它 </label>        
    </p>
    <p>
        个人签名：<br>
        <textarea name="" id="" cols="30" rows="10">请输入个性签名（50字以内）</textarea>
    </p>
    <p>
        <button type="submit">提交注册</button>
        <input type="reset" value="重新注册">
    </p>
    <p>
        <label><input type="checkbox" >同意相关<a href="#">条款</a></label>
    </p>
    </form>
</body>
</html>