select:下拉列表

  子元素:option,指定列表项

textarea:文本域

  cols:指定列数,每一行有多少字符

  rows: 默认多少行

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="#" method="get">
        <label for="username"> 用户名</label>:<input type="text" name="username" placeholder="输入用户名" id="username"><br>
        密码:<input type="password" name="password" placeholder="输入密码"><br>
        性别:<input type="radio" name="gender" value="male" checked>男
        性别:<input type="radio" name="gender" value="female"><br>
        爱好:<input type="checkbox" name="hobby" value="shopping" checked>逛街
            <input type="checkbox" name="hobby" value="java">java
            <input type="checkbox" name="hobby" value="gname">游戏
            图片:<input type="file" name="file"><br>
            隐藏域:<input type="hidden" name="id" value="aaa"><br>
            取色器:<input type="color" name="color"><br>
            生日:<input type="date" name="birthday"><br>
            生日:<input type="datetime-local" name="birthday"><br>
            邮箱:<input type="email" name="email"><br>
            年龄:<input type="number" name="age"><br>
            省份:<select name="province">
                    <option value="">--请选择--</option>
                    <option value="1">北京</option>
                    <option value="2">上海</option>
                    <option value="3">天津</option>
                    <option value="4" selected>重庆</option>
                </select><br>
            自我描述:<textarea cols="20" rows="5"></textarea>
        <br>
            <input type="submit" value="登录">
            <input type="button" value="按钮"><br>
            <input type="image" src="img/regbtn.jpg">
    </form>
</body>
</html>

 

 

 

 

 

 

 

 

 

 

 

 

 

Css概述

 概念:Cascading Style Shleeyc 层叠样式表

层叠:多个样式可以在同一个html上同时生效

  好处:

     功能强大

     将内容展示和样式控制分离

     降低耦合度 解耦

     让公做更容易

     提高开发效率

posted on 2022-08-01 16:40  淤泥不染  阅读(16)  评论(0编辑  收藏  举报