小白第一个前端HTML案例

不知道学到什么

已于 2023-06-29 17:14:08 修改

阅读量26

点赞数

文章标签：前端

于 2023-06-29 17:12:10 首次发布

本文链接：https://blog.csdn.net/weixin_55355246/article/details/131460350

版权

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>青春不常在，抓紧谈恋爱</h1>
<hr>
<form>
昵称：<input type="text" placeholder="请输入昵称"><br>
    性别：<label><input type="radio" name="nan" checked>男 </label>
    <label><input type="radio" name="nan">女</label><br>
    所在城市：<select>
        <option>北京</option>
        <option>上海</option>
        <option>广州</option>
        <option>深圳</option>
    </select><br>
    婚姻状况：<label><input type="radio" name="weihun">未婚 </label>
    <label> <input type="radio"name="weihun"> 已婚 </label>
    <label> <input type="radio" name="weihun">保密</label> <br>
    喜欢的类型： <label><input type="checkbox">可爱</label> <label> <input type="checkbox">性感</label>
    <label><input type="checkbox">卸姐 </label><label><input type="checkbox">萝莉</label>
        <label><input type="checkbox">小鲜肉</label> <label><input type="checkbox">大叔</label><br>
    个人介绍：<br><textarea cols="60" rows="10"></textarea>
    <h3>我的承诺</h3>
    <ul>
        <li>年满18岁，单身</li>
        <li>抱着严肃的态度</li>
        <li>真诚寻找另一半</li>
    </ul>
    <input type="checkbox" checked>我同意所有条款<br>
    <input type="submit" value="免费注册">
    <input type="reset" >
 </form>
</body>
</html>