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)
上一篇 2022年6月17日 下午8:46
下一篇 2022年6月17日 下午9:00


相关推荐

  • Stream流的常用方法[通俗易懂]

    Stream流的常用方法[通俗易懂]1、快速创建ListListlist=Stream.of(“1″,”2”).collect(Collectors.toList());2、取对象的某一列低效方式:List<String>userNameList=newArrayList<>();for(String)List<String>userNameList=list.stream().map(User::getName).collect(Collectors.toList(

    2022年10月5日
    4
  • Java基础之int和Integer有什么区别

    Java基础之int和Integer有什么区别1int与Integer的基本使用对比(1)Integer是int的包装类;int是基本数据类型;(2)Integer变量必须实例化后才能使用;int变量不需要;(3)Integer实际是对象的引用,指向此new的Integer对象;int是直接存储数据值;(4)Integer的默认值是null;int的默认值是0。2int与Integer的深入对比(1)由于In…

    2022年7月16日
    18
  • IIC软件协议及硬件知识汇总

    IIC软件协议及硬件知识汇总IIC软件协议及硬件相关知识,真的是非常齐全了!

    2022年7月22日
    12
  • java面试题笔试题_外贸函电考试题和答案

    java面试题笔试题_外贸函电考试题和答案声明:有人说,有些面试题很变态,个人认为其实是因为我们基础不扎实或者没有深入。本篇文章来自一位很资深的前辈对于最近java面试题目所做的总结归纳,有170道题目,知识面很广,而且这位前辈对于每个题都自己测试给出了答案,如果你对某个题有疑问或者不明白,可以电脑端登录把题目复制下来然后发表评论,大家一起探讨,也可以电脑端登录后关注我给我发私信,我们一起进步!以下内容来自这位前辈2013年年底的…

    2025年8月30日
    6
  • Windows 7 连接 Windows 10 共享打印机,Windows 无法连接打印机,操作失败,错误为0x0000011b 的终极解决办法

    Windows 7 连接 Windows 10 共享打印机,Windows 无法连接打印机,操作失败,错误为0x0000011b 的终极解决办法Windows7连接Windows10共享打印机出现错误0x000001b,无法通过卸载KB5005565安全更新来解决该问题,正确的处理方法是手工添加一个本地打印机,本方法稳定可靠。本文详述了该方法的操作步骤。

    2025年10月22日
    5
  • 深度学习 — 卷积神经网络CNN(LeNet-5网络详解)

    深度学习 — 卷积神经网络CNN(LeNet-5网络详解)卷积神经网络 Convolutiona CNN 是一种前馈型的神经网络 其在大型图像处理方面有出色的表现 目前已经被大范围使用到图像分类 定位等领域中 相比于其他神经网络结构 卷积神经网络需要的参数相对较少 使的其能够广泛应用 本节打算先介绍背景和简单的基本概念术语 然后详细介绍 LeNet 5 网络 其工作流程大家需要先搞清楚 学习原理其实是基于 BP 学习原理的 只

    2026年3月16日
    3

发表回复

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

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