关于html的表单练习还有源代码

最新推荐文章于 2022-07-13 23:12:11 发布
最新推荐文章于 2022-07-13 23:12:11 发布
阅读量360 收藏 1
点赞数
分类专栏： 编程 html+css 文章标签： html linq webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67742636/article/details/124780702
版权

源代码:

<!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>Document</title>

</head>

<body>

    <form action="" method="" name="">

    <table cellpadding="0"   >

        <thead>

            <tr>

                <th >青春不常在，</th><th align="left">抓紧谈恋爱</th>

            </tr>

        </thead>

        <tbody>

           

            <tr>

                <td>性别</td>

                <td>

                    <input type="radio" name="sex" value="man" id="man" checked="checked">

                    <label for="man"><img src="images/man.jpg" alt="男人" >男</label>

                    <input type="radio" name="sex" value="woman" id="woman">

                    <label for="woman"><img src="images/woman.jpg" alt="女人">女</label>

                </td>

            </tr>

            <tr>

                <td>生日</td>

                <!-- 生日 -->

                <td>

                    <select >

                       

                        <option >2001</option>

                        <option>2002年</option>

                        <option>2003年</option>

                        <option >2004年</option>

                        <option >2005年</option>

                        <option >2006年</option>

                        <option >2007年</option>

                        <option >2008年</option>

                        <option >2009年</option>

                        <option >2010年</option>

                        <option selected="selected" >--请选择年--</option>

                    </select>

<!-- 选择那一月 -->

                    <select >

                       

                        <option >1月</option>

                        <option >2月</option>

                        <option >3月</option>

                        <option >4月</option>

                        <option >5月</option>

                        <option selected="selected" >--请选择月--</option>

                    </select>

                    <!-- 选择那一日 -->

                    <select  >

                        <option>1日</option>

                        <option>2日</option>

                        <option>3日</option>

                        <option>4日</option>

                        <option>5日</option>

                        <option selected="selected">--请选择日--</option>

                    </select>

                </td>

            </tr>

   <!-- 选择所在地区 -->

            <tr>

                <td><label for="di_fang">所在地区</label></td>

                <td>

                    <input type="text" name="di_fang" value="北京思密达" maxlength="20" id="di_fang">

                </td>

            </tr>  

<!-- 选择婚姻状况 -->

            <tr>

                <td>婚姻状况</td>

                <td>

                    <input type="radio" name="zhuang_kuang" id="weihun" checked="checked" value="wiehun">

                    <label for="weihun">未婚</label>

                    <input type="radio" name="zhuang_kuang" id="yihun" value="yihuan">

                    <label for="yihun">已婚</label>

                    <input type="radio" name="zhuang_kuang" id="lihun" value="lihun">

                    <label for="lihun">离婚</label>

                </td>

            </tr>

            <!-- 选择学历 -->

            <tr>

                <td><label for="xueli">学历</label></td>

                <td>

                    <input type="text" name="xue_li" value="幼儿园" id="xueli">

                </td>

            </tr>

<!-- 选择喜欢类型 -->

            <tr>

                <td>喜欢的类型</td>

                <td>

                    <input type="checkbox" name="like" id="sao" checked="checked" value="sao">

                    <label for="sao">妩媚的</label>

                    <input type="checkbox" name="like" id="keai" value="keai">

                    <label for="keai">可爱的</label>

                    <input type="checkbox" name="like" id="xian" value="xian">

                    <label for="xian">小鲜肉</label>

                    <input type="checkbox" name="like" id="lao" value="lao">

                    <label for="lao">老腊肉</label>

                    <input type="checkbox" name="like" id="all" value="all">

                    <label for="all" >都喜欢</label>

                </td>

            </tr>

               <!-- 填写自我介绍 -->

            <tr>

                <td>自我介绍</td>

                <td><textarea name="introduce" cols="30" rows="10"  >自我介绍</textarea></td>

            </tr>

            <tr>

                <td></td>

                <td>

                    <input type="submit" value="免费注册">

                </td>

            </tr>

<!-- 复选框自动✔同意条款 -->

            <tr>

                <td></td>

                <td>

                    <input type="checkbox" name="xieyi" id="xieyi" value="green" checked="checked" >

                    <label>我同意注册条款和会员加入标准</label>

                </td>

            </tr>

            <tr>

                <td></td>

                <td><a href="#">我是会员立即登录</a></td>

            </tr>

<!-- 承诺 -->

            <tr>

                <td></td>

                <td>

                    <h4>我承诺</h4>

                    <ul>

                        <li>年满18岁，单身</li>

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

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

                    </ul>

                </td>

            </tr>

        </tbody>

        </table>

        </form>

</body>

</html>

效果图

 

斩杀zhansha
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
PHP实现Web表单生成器(附完整源码)
希望我的博客，能帮上你解决学习中工作中所遇到的问题
05-19 106
PHP实现Web表单生成器(附完整源码)
2022.05.25 HTML第7天学习
qq_41658558的博客
05-25 462
1.综合案例练习： <body> <from action="xxx.php" method="get"> <h4>青春不常在，抓紧谈恋爱</h4> <table width="500"> <tr> <td>性别：</td> <td><input type="radio" id="n.
html表格的基础知识及源代码-尚硅谷
weixin_58264104的博客
07-13 2489
html表格的基础知识及源代码-尚硅谷
表单提交系统
08-12
一个表单提交系统，可用着留言，表单，信息提交等。
html5的表单
yy_9_aa的博客
09-30 1596
一.强大的html5的表单验证功能，不需要我们再写入大量的javascript代码就可以完成我们想要的表单验证功能。 效果截图如下: 源码如下: body> form action="#"> fieldset> legend>表单属性legend> label for="">label> em
解决“html表单提交给PHP然后浏览器显示PHP的源代码”问题
Ch_an_ger的博客
06-05 3668
Oh my god 我总算解决浏览器直接显示PHP源码的问题了，可是折磨死老夫了， 首先，我是直接从文件夹中直接打开HTML文件，然后提交数据。。。。 然后。。。。。。头疼的开始 竟然直接给显示了PHP源码，在经过一顿度娘操作操作后，发现直接从文件夹打开HTML文件就导致了整个处理过程并没有经过Apache服务器，也就没有用到php，浏览器自己无法解析php代码，所以直接显示出了源代码。 想要...
HTML练习代码
01-25
在“HTML练习代码”这个压缩包中，我们可以推测它包含了多个学习和实践HTML及JavaScript的示例项目。这些项目可能涵盖了HTML的基本元素、布局技巧、表单处理，以及JavaScript的基础语法、DOM操作、事件处理等方面的...
Questionnaire:练习HTML表单
03-14
在"Questionnaire-main"这个文件中，很可能是包含了一个实际的HTML表单示例，你可以通过查看源代码来学习如何组织这些元素，并实际操作以理解它们的工作原理。实践是学习HTML表单的最好方法，通过创建和修改自己的...
网页设计与制作教程（HTML+CSS+JavaScript）第2版+电子教案、素材文件、源代码
03-31
素材文件可能是用于练习的设计图、图片和其他资源，而源代码则提供了实际的HTML、CSS和JavaScript示例，供学习者参考和模仿。 通过这个教程，学习者不仅可以理论结合实践，还能通过解构和分析源代码提升问题解决...
html5高级程序设计完整源代码
11-22
源代码通常包括各种示例、练习和项目，这些内容覆盖了HTML5的基本元素、语义化标签、表单控制、Canvas绘图、SVG矢量图形、WebSocket实时通信、Web Storage本地存储、Geolocation地理定位、Audio/Video多媒体处理、...
HTML5+CSS3移动Web开发实战（第2版）_案例源代码、素材、效果.rar
06-29
这个压缩包中的“HTML5+CSS3移动Web开发实战案例”很可能是书中的实际项目示例，包括源代码、素材和最终效果展示。这些案例可能涵盖了移动Web界面设计、触摸事件处理、离线应用开发、多媒体集成、以及响应式布局等多...
自定义表单的实现源代码
01-22
自定义表单的实现源代码 绝对实用，阐述自定义表单的实现过程和原理 http://zjava.org.ru/
表单设计器源码
06-02
c#写的表单设计器源码，可以动态拖动控件组成表单界面，并且可以设置控件属性，类似Visual Studio 的编译器
表单构建器源码
05-17
bootstrap风格的表单构建器，可拖拽表单组件进行表单定制
html5单选框表单提交代码.zip
07-05
html5单选框表单提交代码是一款html5表单实例select表单样式美化select单选框表单提交代码。
html 抓取 post 请求,post提交获得html页面源码的实现代码
weixin_39562197的博客
05-30 664
//////获得页面的html源码主要用于后台生成静态文件时获得源码/////////publicstaticstringGetPageHTML(stringurl){stringhttpString=string.Empty;WebRequestrequest=WebRequest.Create(url);request.Timeout=200000;using(HttpWebResponser...
HTML学习-源码
qq_37431752的博客
02-27 1714
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;link href="https://csdnimg.cn/public/favico
html form多表单切换提交的demo代码实例下载
云淡风轻、仅此一抹
08-23 3259
原文：html form多表单切换提交的demo代码实例下载 源代码下载地址：http://www.zuidaima.com/share/1833633480313856.htm 原文：html form多表单切换提交的demo代码实例下载 源代码下载地址：http://www.zuidaima.com/share/1833633480313856.htm

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值