form表单

表单元素:

<input type="text",id="",name="",value="">单行文本

<input type="password",name="">密码

<input type="reset" id="" name="" value="重置"> 重置按钮

<input type="radio" id="" name="" value="">单选按钮

<input type="submit" id="" name="" value="提交">提交按钮

<select id="" name="">

<option value="选择值">内容</option>

</select>下拉菜单

<textarea name="" row="" cols=""></textarea>文本域

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>注册页面</title>
        <style type="text/css">
            form{
                background-color:beige;
                width: 300px;
                margin: 0 auto;
            }
            table{
                color: brown;
                border: 1px black;
                width:300px;    
            }
            #user{
                font-size: 18px;
                background-color:rgba(11,22,22,0.1);
                color: red;
            }
            #psw{
                font-size: 18px;
                background-color: rgba(11,22,22,0.1);
                color: aqua;
            }
            select{
                height: 35px;
                font: "微软雅黑";
                font-size: 18px;
                line-height: 35px;
            }
            option{
                height: 35px;
                font: "微软雅黑";
                font-size: 14px;
                line-height: 35px;
            }
                        
        </style>
    </head>
    <body>
        <form action="" method="post">
        <table  cellspacing="" cellpadding="" align="center">
            <tr><td colspan="2" align="center">用户注册</td></tr>
            <tr><td width="80px">姓名</td><td><input type="text" name="user" id="user"></td></tr>
            <tr><td width="80px">密码</td><td><input type="password" name="psw" id="psw"></td></tr>
            <tr><td width="80px" >性别</td><td align="center">
            <input type="radio" name="sex" value="m" style="width: 20px;height: 20px;">男&nbsp;&nbsp;&nbsp;
            <input type="radio" name="sex" id="f" style="width: 20px;height: 20px;">女</td></td></tr>
            <tr><td width="80px">爱好</td><td><input type="checkbox" name="hobby" value="zq">足球&nbsp;&nbsp;&nbsp;
            <input type="checkbox" name="hobby" value="lq">篮球&nbsp;&nbsp;&nbsp;
            <input type="checkbox" name="hobby" value="pq">排球</td></td></tr>
            <tr><td width="80px">省份</td><td align="center"><select name="shengfen">
                <option value="guizhou">贵州省</option>
                <option value="guangdong">广东省</option>
                <option value="henan">河南省</option>
                <option value="hubei">湖北省</option>
            </select></td></tr>
            <tr><td width="80px">个人简介</td><td>
                <textarea></textarea>
            </td></tr>
            <tr><td colspan="2" align="center"><input type="submit" name="注册">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="reset" name="重置"></td></tr>
        </table>
    </form>
    </body>

</html>




阅读更多
想对作者说点什么? 我来说一句

自动生成式form表单

2010年04月27日 80KB 下载

漂亮的form表单-漂亮的form表单

2011年04月19日 71KB 下载

ext控件form相关配置

2009年07月01日 79KB 下载

form表单内容转换为json

2017年11月23日 698B 下载

Form表单问题及其他安全问题

2016年10月14日 33KB 下载

form表单的验证

2017年04月10日 1KB 下载

form表单加载复杂json数据

2015年03月18日 1.32MB 下载

一个好看的Form表单源码

2011年10月14日 3KB 下载

iOSform表单上传图片文件

2016年06月15日 4KB 下载

上传图片的调用

2015年03月24日 27KB 下载

没有更多推荐了,返回首页

不良信息举报

form表单

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭