web表单案例

最新推荐文章于 2024-08-09 10:42:44 发布

夜深邃星如尘

最新推荐文章于 2024-08-09 10:42:44 发布

阅读量49

点赞数 1

分类专栏： web 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/m0_74281884/article/details/131606322

版权

web 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

代码

<!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>
<body>
  <h1>青春不常在，抓紧谈恋爱</h1>
<form action="#">
性别<input type="radio" name="gender" value="nan">男
    <input type="radio" name="gender" value="nv">女<br />
    生日<select>

      <option>2001</option>
      <option>2002</option>
      <option>2003</option>

</select>年

<select>

      <option>1</option>
      <option>2</option>
      <option>3</option>  

</select>月

<select>

      <option>1</option>
      <option>2</option>

</select>日
<p></p>
所在地区<input type="text" name="user" value="" maxlength="30" placeholder=""><br />


  <p></p>  
<form action="#">
   婚姻状况<input type="radio" name="hunyin" value="1">未婚
          <input type="radio" name="hunyin" value="2">已婚
          <input type="radio" name="hunyin" value="3">离婚<br />


学历<input type="text" name="学历" value="" maxlength="6" placeholder=""><br />
<p></p>
喜欢的类型<input type="checkbox" name="类型" id="">
<label for="1">妩媚的</label>
<label><input type="checkbox" name="类型">可爱的</label>
<label><input type="checkbox" name="类型">小鲜肉</label>
<label><input type="checkbox" name="类型">老腊肉</label>
<label><input type="checkbox" name="类型">都喜欢</label>
<p></p>
自我介绍<input type="text" name="自我介绍" value="" maxlength="1000" placeholder=""><br />
<p></p>
<input type="submit">
</p>
<input type="checkbox" name="类型" id="">
<label for="1"></label>我同意注册条款和会员加入标准
<p></p>
<a href="" target="_blank">我是会员，立即登录</a>
<h3>我承诺</h3>
<ul type="circle">
  <li>年龄18岁、单身</li>
  <li>抱着严肃的态度</li>
  <li>真诚寻找另一半</li>
</ul>

</form>
</body>
</html>

运行效果

夜深邃星如尘

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
web表单案例

代码<!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><body> <h1>青春不常在，
复制链接

扫一扫