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>




阅读更多
想对作者说点什么?

博主推荐

换一批

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