HTML复杂表单制作「建议收藏」

HTML复杂表单制作「建议收藏」代码如下:<!DOCTYPEhtml><html><head><metacharset=”UTF-8″><title>标题</title></head><body><h1>修改个人性息</h1><form>…

大家好,又见面了,我是你们的朋友全栈君。

代码如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body>
    <h1>修改个人性息</h1>
    <form>
        <table border="1px" cellspacing="0" cellpadding="5px">
            <tr>
                <td width="100">姓名:</td>
                <td width=“300”>
                    <input name="txtName" value="mary">
                </td>
            </tr>
            <tr>
                <td>性别:</td>
                <td>
                    <input type="radio" 
                    value="nv" id="rdoFemal" name="rdoGender">
                    <label for="rdoFemal">女士</label>
                    <input type="radio" 
                    value="nan"  id="rdoMale" name="rdoGender">
                    <label for="rdoMale">男士</label>
                </td>
            </tr>
            <tr>
                <td>学历:</td>
                <td>
                    <section name="selEdu">
                        <option value="0">其他</option>
                        <option value="1">专科</option>
                        <option value="2">本科</option>
                        <option value="3">硕士及以上</option>
                </td>
            </tr>
            <tr>
                <td>意向工作城市:</td>
                <td>
                    <select name="selCity" size="5" multiple>
                            <option value="0">北京</option>
                            <option value="1">上海</option>
                            <option value="2">南京</option>
                            <option value="3">深圳</option>
                </td>
            </tr>
            <tr>
                <td valign="top">个人描述:</td>
                <td>
                    <textarea name="txtDesc" cols="30" rows="5"></textarea>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="checkbox" name="chkPublic">不要公开我的个人信息
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="submit" value="保存">
                    <input type="reset" value="充填">
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

效果图如下:
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/149851.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • spring boot redis 缓存_redis本地缓存

    spring boot redis 缓存_redis本地缓存SpringBoot集成Redis缓存查询操作是应用中最常见的操作,如果每次查询都从MySQL中查询则会影响效率,通常需要引入缓存来实现查询性能的优化。缓存可以选择本地缓存,远程缓存或本地缓存结合远程缓存。本地缓存可以使用Guava或Caffeine提供的解决方案,而远程缓存则可以选择Redis这样的内存数据库。本文记录一下SpringBoot集成Redis做缓存的相关配置。1引入依赖引入相应Starter。<dependency><gr

    2025年12月10日
    7
  • 图片爬虫

    图片爬虫参考视频学习,堆糖网图片爬虫"""1.URL2.模拟浏览器请求资源3.解析网页4.保存数据到本地"""importrequests#第三方库importurllib.parseimportjsonimportjsonpathurl=’https://www.duitang.com/napi/blog/list/by_search/?kw={}&amp;s…

    2022年6月17日
    31
  • 移动端,PC端,微信等常用平台和浏览器判断

    移动端,PC端,微信等常用平台和浏览器判断移动端,PC端,微信等常用平台和浏览器判断

    2022年4月24日
    57
  • java h2 数据库_H2数据库介绍「建议收藏」

    java h2 数据库_H2数据库介绍「建议收藏」一、H2数据库简介1、H2数据库是一个开源的关系型数据库。H2是一个嵌入式数据库引擎,采用java语言编写,不受平台的限制,同时支持网络版和嵌入式版本,有比较好的兼容性,支持相当标准的sql标准,支持集群2、提供JDBC、ODBC访问接口,提供了非常友好的基于web的数据库管理界面二、在Java中操作H2数据库1、以嵌入式(本地)连接方式连接H2数据库这种连接方式默认情况下只允许有一个客户端连接到…

    2022年10月12日
    3
  • 服务治理

    服务治理服务治理

    2022年4月22日
    45
  • x201换风扇_x201i拆机风扇清理怎么办【图文】

    x201换风扇_x201i拆机风扇清理怎么办【图文】总所周知,笔记本室友大大小小的配置组装而成的,而笔记本同样的,有时也会存在着或多或少的故障,又或者有时由于好奇心的趋势,让我们相对笔记本内部的相关配置做更深一步的了解,这个时候,我们会选择对笔记本进行拆机,从而对风扇进行清理,但是我们又怕盲目的拆机有可能会对笔记本造成损坏,那么,x201i拆机风扇清理应该怎么办呢?下面,就让我们来认识一下,x201i拆机风扇清理应该怎么办?笔记本散热风扇使用时间长…

    2022年6月27日
    24

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号