前端笔记1(表单默认值)

本文探讨了前端开发中表单默认值的设置,重点关注了隐藏域(HTML DOM Hidden 对象)作为隐式默认值的用法,以及disabled属性在显式设置默认值时的限制。由于disabled元素在提交时不包含其值,文章提出了两种解决方案:使用冗余隐藏域或通过onsubmit事件处理函数获取disabled元素的值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

默认值:
  • 隐式:隐藏域(HTML DOM Hidden 对象)

如果想要提交并非用户直接输入的数据的话,就是用这种类型的元素。
http://www.runoob.com/jsref/dom-obj-hidden.html

这里写图片描述

<!DOCTYPE html>
<html>
<head>
<script>
function displayResult()
{
var x=document.getElementById("hidden1").value;
alert(x);
}
</script>
</head>
<body>

<form>
<input type="hidden" id="hidden1" value="W3Schools">
</form>

<button type="button" onclick="displayResult()">Display value of hidden field</button>

</body>
</html> 
  • 显式:disabled (HTML disabled 属性)

这里写图片描述

<!DOCTYPE html>
<html>
<body>

<form action="demo_form.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname" value="value" disabled><br>
  <input type="submit" value="Submit">
</form>

</body>
</html>

是我们想要的效果。
但是:不会被提交!
使用户在满足某些条件时(比如选中复选框,等等)才能使用 元素。然后,可使用 JavaScript 来删除 disabled 值,使该 元素变为可用的状态。

注意:disabled 属性不适用于 <input type="hidden">

解决办法:

http://bbs.youkuaiyun.com/topics/390529184?page=1
1.冗余隐藏域(disabled的input框仅仅负责显示)
2.给表单加一个提交(onsubmit)处理函数,把disabled的元素值取出来,赋值给一个

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值