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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • gear s3刷android wear,【干货】三星Gear S3/Gear S3 classic 智能手表刷机教程「建议收藏」

    gear s3刷android wear,【干货】三星Gear S3/Gear S3 classic 智能手表刷机教程「建议收藏」今年九月在IFA电子展正式亮相的三星GearS3在本月即将在国内开卖,目前不少电商的商家已经为这款新品进行预热,从电商的价格来看这两款定位不同的智能手表(经典款/先锋款)的价格都为3599元,三星GearS3支持IP68级别防水,兼容Android4.4以及之后的安卓系统版本以及运存1.5GB以上的安卓智能手机。与苹果AppleWatch有诊断接口但是无法刷机不同,三星GearS系列手表支…

    2022年7月21日
    64
  • pycharm激活码20120破解方法

    pycharm激活码20120破解方法,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月15日
    44
  • nodejs显现events.js:72抛出错误

    nodejs显现events.js:72抛出错误

    2022年1月12日
    59
  • 高德地图实现多点标注marker和动态信息窗体[通俗易懂]

    高德地图实现多点标注marker和动态信息窗体[通俗易懂]先说一下项目对地图的需求:在后台新增地图管理模块,要求,每一辆车都在地图上有标注,而且点击标注时要显示出车辆的相关信息,比如车牌和车辆的当前状态。下图就是实现的效果。当然从高德地图api也能查看到这一块,比如多点标注,简单信息窗体,这些都有api,可以先看官网的,然后,再看我这篇文章,怎么融合一起,记住数据全部来自后台数据库,这样才能保证一切数据都是动态的,可实时更新的。首

    2022年5月11日
    76
  • Android开发之《Android应用开发揭秘》UI事件汇总

    Android开发之《Android应用开发揭秘》UI事件汇总Android开发之《Android应用开发揭秘》UI事件汇总/* * Android开发之《Android应用开发揭秘》UI事件汇总 * 北京Android俱乐部群:167839253 * Createdon:2011-12-01 * Author:blueeagle * Email:liujiaxiang@gmail.com */思想跑毛是很可

    2022年4月28日
    60
  • 数据库系列之TiDB存储引擎TiKV实现机制

    数据库系列之TiDB存储引擎TiKV实现机制TiDB存储引擎TiKV是基于RocksDB存储引擎,通过Raft分布式算法保证数据一致性。本文详细介绍了TiKV存储引擎的实现机制和原理,加深对TiDB底层存储架构的理解。

    2022年9月23日
    4

发表回复

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

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