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


相关推荐

  • yuicompressor java_使用yuicompressor-2.4.8.jar压缩js文件报错了(jdk1.8.0_25)「建议收藏」

    yuicompressor java_使用yuicompressor-2.4.8.jar压缩js文件报错了(jdk1.8.0_25)「建议收藏」C:\Users\Administrator>java-jarD:\SoftWare\yui\yuicompressor-2.4.8.jar–charsetUTF-8D:\SoftWare\yui\jquery-180.js-oD:\SoftWare\yui\jquery-180min.jsjava.io.FileNotFoundExc…C:\Users\Administrator&g…

    2022年7月18日
    21
  • html中下拉菜单(html做下拉菜单栏)

    html5如何实现文本框下拉选项功能使用html5或者jQuery如何实现文本框下拉效果,如下图CSS布局HTML小编今天和大家分享大神详解最好有可以使用HTML5list属性。list属性需要应用到input框上,然后内容写一个自定义的id然后在任意位置放一对datalist标签,并给datalist框一个id,和list属性指向的id一致即可。在datal…

    2022年4月18日
    41
  • Oracle中几个关于日期方面的SQL实例

    Oracle中几个关于日期方面的SQL实例

    2021年8月4日
    59
  • C# ZIP文件的压缩和解压缩(SharpZipLib.dll)

    C# ZIP文件的压缩和解压缩(SharpZipLib.dll)真是折腾呀,网上虽然有不少的源码但测试几个就是不成功,经过折腾还是折腾出来了现在分享出来给大家。源码还是在网友们的基础上调整的,主要是调整源码大大小写格式。sharpziplib.dll下载:http://pan.baidu.com/share/link?shareid=1016448925&uk=134565274&fid=3214033513首先需要在项目里引用sharp

    2022年7月26日
    3
  • NB-IoT:指定频点操作「建议收藏」

    NB-IoT:指定频点操作「建议收藏」NBIOT指定频点后需要关闭射频开关,然后再清频点再开射频开关,最后附着网络。实际使用中最好不要锁定频点,否则很容易造成连接不上。AT+NEARFCN=0,2508,123——这里取值均为例子AT+CFUN=0AT+NCSEARFCNAT+CFUN=1AT+CGATT=1先设置频点,然后再清除频点,然后在CGATT…

    2022年10月6日
    0
  • 回溯法之n皇后问题总结_用回溯法求解n皇后问题的思路

    回溯法之n皇后问题总结_用回溯法求解n皇后问题的思路一、问题在nxn格的棋盘上放置彼此不受攻击的n格皇后。按照国际象棋的规则,皇后可以攻击与之处在同一行或同一列或同一斜线上的棋子。n后问题等价于在nxn格的棋盘上放置n个皇后,任何2个皇后不放在同一行或同一列或同一斜线上。二、算法与分析用数组x[i](1≤i≤n)表示n后问题的解。其中x[i]表示皇后i放在棋盘的第i行的第x[i]列。由于不允许将2个皇后放在同一列,所以解向量中的x[i]…

    2022年9月30日
    0

发表回复

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

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