當(dāng)前位置：首頁(yè) > 前端技术 > javascript >内容正文

javascript

JavaScript表单

發(fā)布時(shí)間：2023/12/3 javascript 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript表单小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

JavaScript中表單知識(shí)總結(jié)

1 readonly和disabled
共同點(diǎn)：都是導(dǎo)致內(nèi)容不可以更改
區(qū)別： readonly：中的內(nèi)容是可以提交的
disabled：數(shù)據(jù)是不可以提交的,不可以在被操作
2表單提交的方式
οnsubmit=“return sub()”
<input type="submit" name="" id="" value="提交" />

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><script type="text/javascript">function checkName(){//獲得文本框?qū)ο?/span>var val=document.getElementById("zh").value;//獲得span對(duì)象var span=document.getElementById("span_zh");if(val==""||val==null){span.innerHTML="× 賬號(hào)不能為空";span.style.color="red";return false;}else {span.innerHTML="√ 賬號(hào)合法";span.style.color="green";return true;} }</script></head><body><form action="#" name="fom"><p> 賬號(hào): <input type="text" name="zh" id="zh" value="" onblur="checkName()" /> <span id="span_zh"></span></p><p>密碼:<input type="password" name="pwd" id="pwd" value="sxt" /></p><p> <input type="button" name="" id="" value="提交" onclick="sub()" /></p></form> </body> </html> 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的JavaScript表单的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇：数据库的嵌套查询和统计查询
下一篇： gradle idea java ssm