input框的一系列操作(输入框必填*号,验证单选框为必选,默认选中单选按钮,点击禁用表单输入域,输入框变为只读)

2024-02-21 19:43| 来源: 网络整理| 查看: 265

例① ：输入框必填，用*号提示姓名 *

页面效果：在这里插入图片描述

例②：javascript 验证单选框为必选请选择你的性别男女确定 function check() { if (!document.getElementById("male").checked && !document.getElementById("female").checked) { alert("必须选择性别！") return false; } }

页面效果：在这里插入图片描述

例③：javascript 根据后台的值默认选中单选按钮男女 var sex = document.getElementsByName('sex'); for (var i = 0; i

body里的代码：

点击这里禁用所有表单输入域: Female Male var aa = document.querySelector('input'); console.log();

页面效果：在这里插入图片描述

例⑤：输入框变为只读

首先在head里引入jquery.js

body里的代码：

$('#aaa input').attr('disabled',true); // 直接变暗，只读的视觉效果很好. // $('#aaa input').attr('readonly',true); // 无法输入任何内容，但是只读的视觉效果不明显

页面效果： disbaled出现的效果：在这里插入图片描述 readonly出现的效果：

【本文地址】

公司简介

联系我们