HTML之禁止輸入文本

時間 2019-12-12

標籤 html 禁止輸入文本欄目 HTML 简体版

原文原文鏈接

一個文本框，禁止輸入文本有2個方式，一個是利用readonly ，一個是利用 disabled.javascript

那麼二者雖然目的均可以達到，可是從表現上來看disabled會顯得更加的直觀，爲何這麼說。html

請看截圖：java

如圖所示:jquery

1爲readonly,2爲diabled.顯然使用diabled的修飾的文本框變成了灰色，綜上，推薦使用disabled來讓文本框變得不可輸入。spa

可是對於時間框框那種不能輸入的，更推薦使用readonly 來完成。code

相應代碼以下:htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <script type="text/javascript" src="../js/lib/jquery-1.8.0.min.js"></script>
    <script type="text/javascript"> $(function () { $("#readonly").prop("readonly", true); $("#disable").prop("disabled", true); }) </script>
</head>
<body>
<input id="readonly" type="text">
<input id="disable" type="text">
</body>
</html>

相關標籤/搜索