表单是网页中一个特定的区域，用来描述需要用户输入的页面内容，在用户输入具体信息后，提交到指定位置进行处理。
2024年10月27日
多选框（checkbox）用于可多选的情况，单选框（radio）则只能选择一个。在普通的HTML中，checkbox、radio在和<label>等标签配合时会出现对齐的问题，Bootstrap很好地解决了这个问题，代码如下：
单选框和多多选框效果图
实现代码
上面的代码中我们将input标签都包含在了label中，强制其在一行，但是很多情况下我们不建议这么做。一般一个<label>中包含一个元素，如果遇到多个<label>标签则会垂直显示内容。Bootstrap中提供了几个样式类，如class="checkbox-inline"、class="radio-inline"，可以使checkbox和radio显示在一行，代码如下：
2024年10月27日
1、html()方法：如果想更改或者是设置 HTML 的内容，我们可以使用 html()方法，首先我们先使用这个方法获取元素里面的内容 var html=$("p").html()。如果需要设置某元素的 HTML 代码，那么我们就可以使用此方法加上一个参数。此方法只能应用于 XHTML 中，不能用于 xml。
2024年10月27日
编辑导语：如何针对具体场景选择合适的组件，是web表单设计中的常见问题。那么，你知道开关、单选、复选框等组件的适用场景该如何选择吗？本篇文章里，作者就该问题做了详细解答，一起来看一下吧。
在web表单设计中，我们会经常遇到在开关、单选、复选框三个组件的选择使用上纠结，特别是只有两种状态下，比如开启/关闭、启用/关闭、显示/隐藏、同意/不同意、默认/自定义……
2024年10月27日
实例
带有两个输入字段和一个提交按钮的 HTML 表单：
<form action="demo_form.php" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
2024年10月27日
默认情况下，用皕杰报表工具设计器设计出来的填报版本中单选框格式是横排的，且间距固定。那么如何改变单选框的显示格式呢？比如把选项间距加大，把选项竖排。
实际上单选框的格式也是通过css控制的，想改变格式，只需写一段css代码，通过web资源引用引进来就可以了。
2024年10月27日
关注本头条号，专注做前端。
经常做前端页面，单选框、复选框美化是不可或缺的，考虑到兼容性，我们通常在PC项目中用 —— checkRadio.js 来做美化，手机端H5页面则可以用css3实现 —— 因为手机端全部支持css3，记住这一点。
今天要分享的是纯css3美化，外观很时尚
// 源码
https://www.html5tricks.com/download/jiaoben1503.rar