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


相关推荐

  • trim函数去掉字符串首尾空格

    trim函数去掉字符串首尾空格trim():去掉字符串首尾的空格。public class trimDemo{ public static void main(String arg[]){ String a=" hello "; // 前后均有空格 String b="hello"; // 前后均无空格 System.out.println(b.equals(a)); /…

    2022年6月13日
  • PhalApi 1.4.2 经典封存版 – 码云

    PhalApi 1.4.2 经典封存版 – 码云

    2021年11月4日
  • 引用类型的一些方法

    引用类型的一些方法

    2022年3月12日
  • Linux常用命令:chmod修改文件权限 777和754

    Linux常用命令:chmod修改文件权限 777和754常用下面这条命令:chmod777 文件或目录示例:chmod 777/etc/squid运行命令后,squid文件夹(目录)的权限就被修改为777(可读可写可执行)。如果是Ubuntu系统,可能需要加上sudo来执行:sudochmod 777/etc/squid故事的开始,都会先留一个悬念。只有程序员能懂的冷笑话系列中,有个比较经典的段子:请用最简洁的语言描述我国FL。754。…

    2022年7月27日
  • 【python总结】python学习框架梳理

    【python总结】python学习框架梳理目录基础注释与变量名等基本规则关键字操作符数字字符串条件控制序列列表元组映射集合字典函数函数基础内置函数有哪些?模块数字字符串OSlogging、argparase、cmd综合模板错误和异常面向对象提高文件操作函数式编程正则表达式网络编程多线程与多进程本专栏不适合才学python的新手,适合学过python,但总体框架不清晰的朋友。跟我一起总结提升吧!抓住三个点:操作符、、内置函数、

    2022年6月9日
  • stderr和stdout详细解说

    stderr和stdout详细解说cstdio>objectstderrFILE*stderr;StandarderrorstreamThestandarderrorstreamisthedefaultdestinationforerrormessagesandotherdiagnosticwarnings.Likestdout,itisusuall

    2022年10月26日

发表回复

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

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