Css表单

102 阅读1分钟

Css

表单

表单基础元素

元素名元素作用
input文本输入框
textarea可以容纳多行输入的文本输入框
select下拉菜单
<form action='' method=''>
    

	<input type='' value='' name>
</form>

表单:第一个交互的位置

action将表单信息提交给后端,method分为get接受和set发送

用户名:<input type="text" value="文本框" name="txt"><br>
        <!-- 密码框 -->
        密码:<input type="password" value="" name="pas">
        <!-- 使用单选框时,当name值一样时就能设置只选中一个 -->
        性别:<input type="radio" name="rad"><input type="radio" name="rad"><!-- 复选框 -->
        <!-- 单,复选框的value值表示的是true和false,布尔类型 -->
        <input type="checkbox" value="2">1
        <input type="checkbox">2
        <input type="checkbox">3
        <input type="checkbox">4<br>
        <!-- 下拉列表 -->
        <select>
            <option value="湖北1">湖北1</option>
            <option value="湖北2" selected>湖北2</option><!--默认选中-->
            <option value="湖北3">湖北3</option>
            <option value="湖北4">湖北4</option>
        </select>
        
        <!-- 提交按钮 -->
        <input type="submit" value="提交">