前端基础——ccs进阶（表单）

最新推荐文章于 2024-05-17 04:02:22 发布

「已注销」

最新推荐文章于 2024-05-17 04:02:22 发布

阅读量340

点赞数 1

分类专栏： css 前端文章标签：前端 css javascript

本文链接：https://blog.csdn.net/deartors/article/details/127397482

版权

本文详细介绍了前端开发中关于CSS的表单元素使用，包括单选框、复选框、文件上传、提交按钮、隐藏按钮、禁用和已读属性、下拉菜单、多行文本输入框textarea以及字符集的设置。通过这些元素，开发者能够创建功能丰富的交互式表单，并有效传递数据给后端。

摘要由CSDN通过智能技术生成

input为单标签

单选框

顾名思义几个选项中只能选择一个。
基础语法：<input type="radio" name="diaocha" id="txt" checked="checked" > type表示属性值,每同一个name代表一个单选框的选项，在这个选择器下只能选一个，id选择器用来绑定，<label for="txt">桂桂努力ing</label>代表在点击单选按钮后面的文字时也视为选中，checked为默认选中。

复选框

在单选框的基础上只是把type的属性值改成了checkbox

<p>你对我界面的满意程度</p>
    <div>
        <input type="radio" name="diaocha" checked="checked" id="a">
        <label for="a">非常满意</label>
        <input type="radio" name="diaocha" id="b">
        <label for="b">满意</label>
        <input type="radio" name="diaocha" id="c">
        <label for="c">比较满意</label>
        <input type="radio" name="diacha" disabled id=