首页 前端知识 HTML相关代码

HTML相关代码

2025-03-03 13:03:03 前端知识 前端哥 618 165 我要收藏

恋爱注册界面:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>青春不常在,抓紧谈恋爱</title>

</head>

<body>

<form action="#" method="post">

<pre>

             <h1>青春不常在,抓紧谈恋爱</h1>    

         性别:<input type="radio" name="性别" value="男">男   <input type="radio" name="性别" value="女">女

           

<br>              

         生日:<input type="date" name="生日时间" placeholder="年/月/日">

<br>

         所在地区:<input type="text" name="所在地区">

<br>    

         婚姻状况:<input type="radio" name="婚姻状况" value="未婚">未婚        

                  <input type="radio" name="婚姻状况" value="已婚">已婚

                  <input type="radio" name="婚姻状况" value="离婚">离婚

<br>

         学历:<input type="text" name="学历">

<br>

         喜欢的类型:<select>

         <option value="妩媚的">妩媚的</option>

         <option value="可爱的">可爱的</option>

         <option value="小鲜肉">小鲜肉</option>

         <option value="老腊肉">老腊肉</option>

         <option value="都喜欢">都喜欢</option>

<br>

         

        自我介绍:<input type="text" placeholder="自我介绍" name="自我介绍">

<br>          

         <button>免费注册</button>                      

     <input type="radio" name="同意注册" checked>同意注册条款和会员加入标准

<br>

          <a href="test1注册界面.html" target="_blank">我是会员,立即登录</a>

<br>

                    <h2>我承诺</h2>                  

        <ul>

                       <li>年满十八岁,单身</li>

                       <li>抱着严肃的态度</li>

                       <li>真诚寻找另一半</li>

        </ul>

</pre>

</form>

</body>

</html>

用户注册界面:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>注册</title>

</head>

<body>

<pre>

                                  <h1>用户注册</h1>

<form action="#" method="post">

         用户名:<input type="text" name="username" placeholder="用户名">

<br>

         密码:<input type="password" name="password" placeholder="密码">

<br>

         性别:<input type="radio" name="性别" value="男">男

               <input type="radio" name="性别" value="女">女

<br>

        兴趣爱好:  <input type="checkbox" name="爱好" value="唱">唱

        <input type="checkbox" name="爱好" value="跳">跳

        <input type="checkbox" name="爱好" value="Rap">Rap

        <input type="checkbox" name="爱好" value="篮球">篮球

 <br>

        邮箱:<input type="email" name="邮箱" value="" placeholder="请输入你的邮箱">

<br>

        用户头像:<input type="file" >

<br>

        家庭住址:<select name="家庭住址" placeholder="请输入你的家庭住址" >

<option value="广州" >广州 </option>

<option value="深圳" > 深圳</option>

<option value="重庆" > 重庆</option>

<option value="南京" >南京 </option>

        </select>

<br>

建议或意见:<input type="text" width="666px" placeholder="你的建议或意见">

<br>

选择你喜欢的颜色:<input type="color" name="颜色" >

<br>

注册时间:<input type="date" name="注册时间" placeholder="年/月日">        

<br>

<button >注册</button>  <button>重置</button>

</form>

</pre>

</body>

</html>

表格:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>表格作业</title>

</head>

<body>

<pre>

<table border="1px" cellspacing="0" width="400px" height="400px">

<tr>

    <td colspan="5" align="center" bgcolor="31,247,5">个人简历</td>

</tr>

<tr>

    <td>姓名:</td>

    <td width="800px"></td>

    <td>性别:</td>

    <td width="800px"></td>

    <td rowspan="4" width="1000px" align="center">照片</td>

</tr>

<tr>

    <td>婚姻状况:</td>

    <td></td>

    <td>出生年月:</td>

    <td></td>

   

</tr>

<tr>

    <td>民族:</td>

    <td></td>

    <td>政治面貌:</td>

    <td></td>

   

</tr>

<tr>

    <td>身高:</td>

    <td></td>

    <td>学历:</td>

    <td></td>

   

</tr>

</table>

</pre>

</body>

</html>

转载请注明出处或者链接地址:https://www.qianduange.cn//article/22459.html
标签
评论
发布的文章

如何修改电脑mac地址?

2025-03-03 13:03:33

C 数组:深入解析与应用

2025-03-03 13:03:28

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!