其他分享
首页 > 其他分享> > HTML标签_表单标签_表单项select&textarea和HTML标签_案例1_注册页面

HTML标签_表单标签_表单项select&textarea和HTML标签_案例1_注册页面

作者：互联网

HTML标签_表单标签_表单项select&textarea

　　select：下拉列表

　　　　子元素:option，指定的列表项

　　textarea：文本域

​ 　　　　cols：指定列数，每一行有多少个字符

​ 　　　　rows：默认多少行。

省份：<select name="province">
                <option>-----请选择-----</option>
                <option>北京</option>
                <option>上海</option>
                <option>陕西</option>
            </select><br>
        自我描述：<br>
            <textarea cols="20" rows="5" name="des"></textarea>

 

HTML标签_案例1_注册页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
</head>
<body>
    <form action="#" method="post">
        <table border="1" align="center" width="500px">
            <tr>
                <td><label for="username">用户名</label></td>
                <td><input type="text" name="username" id="username"></td>
            </tr>
            <tr>
                <td><label for="password">密码</label></td>
                <td><input type="password" name="password" id="password"></td>
            </tr>
            <tr>
                <td><label for="email">Email</label></td>
                <td><input type="email" name="email" id="email"></td>
            </tr>
            <tr>
                <td><label for="name">姓名</label></td>
                <td><input type="text" name="name" id="name"></td>
            </tr>
            <tr>
                <td><label for="tel">手机号</label></td>
                <td><input type="text" name="tel" id="tel"></td>
            </tr>
            <tr>
                <td><label>性别</label></td>
                <td><input type="radio" name="gender" value="male">男
                    <input type="radio" name="gender" value="female">女
                </td>
            </tr>
            <tr>
                <td><label for="birthday">出生日期</label></td>
                <td><input type="date" name="birthday" id="birthday"></td>
            </tr>
            <tr>
                <td><label for="checkcode">验证码</label></td>
                <td><input type="text" name="checkcode" id="checkcode">
                    <img src="img/verify_code.jpg">
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center"><input type="submit" value="注册"></td>
            </tr>
        </table>
    </form>
</body>
</html>

 

搜索

复制

省份：<select name="province">
        <option>-----请选择-----</option>
        <option>北京</option>
        <option>上海</option>
        <option>陕西</option>
    </select><br>
自我描述：<br>
    <textarea cols="20" rows="5" name="des"></textarea>

标签：textarea,标签,表单,HTML,-----,select
来源： https://www.cnblogs.com/pengtianyang/p/16539892.html