1. 主页 > 建设教程

网页设计表单的方法有哪些

网页设计表单有什么方法吗,如何进行网页设计表单呢,网站设计form表单-单选按钮代码示例教程是什么

单选按钮(radio button)表单控件同复选框的行为非常相似,但在一组单选按钮中用户只能选择其中一个。通过把<input)标签的type属性设置为radio,就可以创建一个单选按钮。如同复选框控件一样。每个单选按钮都需要一个name和value属性。具有相同名称的单选按钮会在同一个组中。如果在checked属性中没置了该组中的某个元素,就意味着该按钮在开始时处于选中状态。如果没有选中这一组中的元素,浏览器会自动选定这一组中的第一个元素。< p="" style="box-sizing: border-box;">

应该为每个单选按钮元素都设置一个不同的值,这样在提交表单之后,表单处理服务器就可以为它们自动分类。

下面的代码是将前面的示例用HTML进行了重新编写,这样就只能选择一种动物作为自己最喜欢的宠物,效果如下图:

网页设计表单的方法有哪些(图1)

同前面的复选框示例一样,我们把全部的爱心都给了猫科,把“猫”的单选按钮作为默认选择。如果选择了另外一个单选按钮,例如鸟,浏览器就会自动取消对“猫”的选择。如果这就是你的选择的话,那么当用户将表单提交给服务器时,浏览器就会在表单参数列表中的favorite属性中只包括一个值,favorite=鸟在一组单选按钮中总是要选择一个控件,所以只创建一个单选按钮毫无意义;它们应该在文档中以一组包括两个或多个按钮的形式出现(可以将复选框用于表单控件的ON/OFF和YES/NO类型)。

本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://ffjianzhan.cn/wangjs/10591.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息