HTML中表单练习（需完善）

最新推荐文章于 2023-04-04 11:20:34 发布

览青月

最新推荐文章于 2023-04-04 11:20:34 发布

阅读量333

点赞数

本文链接：https://blog.csdn.net/m0_47723181/article/details/106188234

版权

HTML中表单练习（需完善）

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<h2>表单信息</h2>
<p>账号：<input type="text" placeholder="请输入账号"></p>
<p>密码：<input type="password" placeholder="请输入密码"></p>
<p>邮箱：<input type="email" placeholder="请输入邮箱">@<select name="" id="">
        <option value="">163.com</option>
        <!-- <option value="" selected>qq.com</option>创建预选 -->
        <option value="" selected>qq.com</option>
        <option value="">142.com</option>/span>
    </select></p>
<p>性别：
    <input type="radio" name="name">男<input type="radio" name="name">女</p>
<p>
    技能：
    <!-- <input type="checkbox" checked>html+css
        <input type="checkbox" checked>javascript 创建预定选中-->
    <input type="checkbox" checked>html+css
    <input type="checkbox" checked>javascript
    <input type="checkbox">php
    <input type="checkbox">java
</p>
<p>头像：<input type="file"></p>
<p>
    现居地：
    <input type="text" style="width: 60px;" placeholder="中国" disabled>
    <select name="" id="">
        <option value="">广州市</option>
    </select>
    <select name="" id="">
        <option value="">天河区</option>
    </select>
</p>
<p>用户身份：<input type="text" value="个人" style="width: 40px;"></p>
<p>留言:<textarea name="" id="" cols="30" rows="10"></textarea></p>
<p>验证码：<input type="text" palcehold="请输入验证码"><img src="img/yanzhengma.jpg" alt="验证码"></p>
<p><button>刷新获取验证码</button></p>
<p> <input type="checkbox"> 同意<a href="#">“服务条款”</a>和“隐私相关政策”</p>
<p><input type="submit">
    <input type="reset">
</p>

</html>

生成结果：

第一次练习，代码需修改完善

览青月

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
HTML中表单练习（需完善）

HTML中表单练习（需完善）<h2>表单信息</h2> <p>账号：<input type="text" placeholder="请输入账号"></p> <p>密码：<input type="text" placeholder="请输入密码"></p> <p>邮箱：<input type="text" placeholder="请输入邮箱"></p&g
复制链接

扫一扫