如果你在學習 HTML 表格,或者在工作中需要制作一些表格式的文檔,可能會遇到這樣的問題:如何設置表格中某個單元格不可輸入。這個問題的解決方法也很簡單,只需要在對應的 <td> 標簽中添加一個“readonly”屬性即可。
<table> <tr> <th>姓名</th> <th>電話</th> <th>地址</th> </tr> <tr> <td>張三</td> <td><input type="text" name="phone"></td><td readonly>北京市海淀區</td></tr> </table>
上面的代碼中,我們給第二行的第三個單元格添加了 readonly 屬性,這樣在頁面上它就變成了一個不可編輯的文本框,無論何時用戶都無法在這個單元格中輸入任何內容。
另外,需要注意的是,readonly 屬性只能作用于文本框、密碼框、文本域等可以輸入文本的表單元素上,如果把它應用于“select”、“checkbox”、“radio”等表單控件,是沒有任何效果的。