Layui是一个非常好的开源开发框架。内置了很多丰富的功能,但是也有一些功能还是需要我们自己来写的。
比如,在进行表单验证的时候,有时会要求在一开始不对checkbox或radio设置任何状态,也就是说它们的默认状态是未选中,但是又需要我们在提交表单时去验证它们是否被选中,可是Layui又没有提供这一功能,那么我们该怎么办呢?
这时,我们只需要扩展一下,自定义验证来实现这一需求。
话不多说,上代码:
2024年11月24日
Layui是一个非常好的开源开发框架。内置了很多丰富的功能,但是也有一些功能还是需要我们自己来写的。
比如,在进行表单验证的时候,有时会要求在一开始不对checkbox或radio设置任何状态,也就是说它们的默认状态是未选中,但是又需要我们在提交表单时去验证它们是否被选中,可是Layui又没有提供这一功能,那么我们该怎么办呢?
这时,我们只需要扩展一下,自定义验证来实现这一需求。
话不多说,上代码:
2024年11月24日
使用table布局和表单元素编写一个注册页面
1)注册页面
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>注册登录页面</title>
</head>
<body>
<form action="http://www.bd.com/register.aspx" method="get">
<table cellpadding="5" cellspacing="0" width="380" height="300">
<tr>
<td>用户名:</td>
<td><input name="txtName" /></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="password" name="txtPwd" /></td>
</tr>
<tr>
<td>选择省:</td>
<td>
<select name="SS">
<option value="HN" selected="selected">河南</option>
<option value="HB">河北</option>
</select>
</td>
</tr>
<tr>
<td>性 别:</td>
<td><input type="radio" name="rd" value="1" />男<input type="radio" name="rd" value="0" />女</td>
</tr>
<tr>
<td colspan="2">
<fieldset>
<legend>兴趣爱好</legend>
<input name="interest" type="checkbox" value="ppq" />乒乓球
<input name="interest" type="checkbox" checked="checked" value="ts" />跳水
<input name="interest" type="checkbox" value="pq" />排球
</fieldset>
</td>
</tr>
<tr>
<td colspan="2" align="middle">
<h3>注册免责协议</h3>
<textarea cols="50" rows="3" readonly="readonly"> **提醒您:在使用**搜索引擎(以下简称**)前,请您务必仔细阅读并透彻理解本声明。您可以选择不使用**,但如果您使用**,您的使用行为将被视为对本声明全部内容的认可。
鉴于**以非人工检索方式、根据您键入的关键字自动生成到第三方网页的链接,除**注明之服务条款外,其他一切因使用**而可能遭致的意外、疏忽、侵权及其造成的损失(包括因下载被搜索链接到的第三方网站内容而感染电脑病毒),**对其概不负责,亦不承担任何法律责任。
任何通过使用**而搜索链接到的第三方网页均系他人制作或提供,您可能从该第三方网页上获得资讯及享用服务,**对其合法性概不负责,亦不承担任何法律责任。
**搜索结果根据您键入的关键字自动搜索获得并生成,不代表**赞成被搜索链接到的第三方网页上的内容或立场。
您应该对使用搜索引擎的结果自行承担风险。**不做任何形式的保证:不保证搜索结果满足您的要求,不保证搜索服务不中断,不保证搜索结果的安全性、正确性、及时性、合法性。因网络状况、通讯线路、第三方网站等任何原因而导致您不能正常使用**,**不承担任何法律责任。
</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="middle">
<input type="submit" value="注册" />
<input type="reset" />
</td>
</tr>
</table>
</form>
</body>
</html>
2024年11月24日
在上一篇的document.getElementsByName实现复选框的小分享中呢,有的盆友就提出了得用getElementsByTag。其实啊 这两个方法都是可以用的,都可以实现复选框的全选和全不选的功能,但是两者是截然不同的两组方法
前一个getElementsByName是根据标签的name属性来找对象的 它返回的是一组具有相同name属性的一组集合
后一个getElementsByTagName呢是根据标签名称来找对象的 它返回的同样是一组对象,但是这组对象呢是相同的一组标签的对象集合。
2024年11月24日
点击右上方红色按钮关注“web秀”,让你真正秀起来
css的属性是非常的多,如果全靠大脑来记,相信没有几位能够做到,只能通过反复编写,增加熟练度,知道有哪些属性,然后根据编辑器或者浏览器等工具提示,得心应手的完成样式开发。
比如,flex布局。flex的属性justify-content就有12个以上的不同值,必须阅读flexbox的完整指南,才能了解他们各自的作用,但是文档就有几页内容,看起来非常的枯燥乏味。
2024年11月24日
切图的时候经常会遇到一些表单的处理,比如全选、反选的效果,切图网在做的时候通常会把这些效果做好,效果并不算复杂,完全可以手写,但是遇到次数多了有必要形成一个有效的方法,方便以后快速套用。
2024年11月24日
筒子们,you 来了
checkbox复选框与上一章讲的radio 单选框的属性相似,表现在:
1、可以通过color属性来修改颜色;
2、需搭配checkbox-group 一起使用。
checkbox复选框与radio 单选框不同的地方在于:
2024年11月24日
使用场景:
今天ERP页面上有个功能的小改动,主要是业务人员提出来,需要把原来的CheckBox(即原来的复选框)功能
改为用单选框 ,主要原因是希望,当业务人员没有点击“是”或“否”时,提示她要选择。
因此,这里需要作一些判断:
1.如果客人没有点选时,提示信息,并return;
2024年11月24日
提示:点击上方"蓝色字体"↑ 可订阅!
关于我们 51RGB官方微信
CSS中的级联(cascade)在同一时间可谓是幸福的,也可以说是痛苦不堪的。通常能工作得非常好,但有问题的时候,也让人们都很激动,甚至事件中也离开不CSS。我们所涉及的不仅是CSS的级联也还涉及到CSS的权重。不是说碰到特殊问题才显得困难,可以说CSS的困难无处不在。
在这篇文章中,我将通过一些示例来向大家展示一些CSS的小技巧,让你知道如何使用CSS的级联能变得更友好,也减少一些不必要的需求,从而也减少权重上遇到的麻烦。
2024年11月24日
jquery获取选中的checkbox复选框的值:
checkbox复选框是常用的表单元素之一,既然使用,一般就要获取选中的复选框的值,下面就介绍一下如何使用jQuery实现此功能。
代码实例如下:
html部分
js部分
以上代码实现了我们的需要,点击按钮可以弹出选中选中复选框的value属性值。