<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          如何使input文本框不可編輯?

          時間:?2019-11-26閱讀:?28標簽:?input

          如何使input文本框不可編輯?下面本篇文章就來給大家介紹一下使input文本框不可編輯的幾種方法,希望對大家有所幫助。


          方法1:使用disabled 屬性

          disabled 屬性規定應該禁用 input 元素,被禁用的 input 元素,不可編輯,不可復制,不可選擇,不能接收焦點,后臺也不會接收到傳值。設置后文字的顏色會變成灰色。

          注:disabled 屬性無法與 <input type="hidden"> 一起使用。

          示例:

          &nbsp;可&nbsp;編&nbsp;輯:<input type="text"/><br /><br />
          不可編輯:<input type="text" disabled="disabled"/>


          方法2:使用readonly 屬性

          readonly 屬性規定輸入字段為只讀可復制,不可進行編輯。但是,用戶可以使用Tab鍵切換到該字段;可選擇,可以接收焦點,還可以選中或拷貝其文本。后臺會接收到傳值。

          說明:readonly 屬性可以防止用戶對值進行修改。

          readonly 屬性可與 <input type="text"> 或 <input type="password"> 配合使用。

          示例:

          &nbsp;可&nbsp;編&nbsp;輯:<input type="text"/><br /><br />
          不可編輯:<input type="text" readonly="readonly">


          注意:

          我們不能為所有表單字段或元素設置readonly屬性。<select>,<option>和<button>元素沒有readonly屬性,但它們具有disabled屬性,可以通過設置disabled屬性來實現不可編輯功能。

          吐血推薦

          1.站長廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入...

          2.休閑娛樂: 直播/交友    優惠券領取   網頁游戲   H5游戲

          鏈接: http://www.modern-decoration.com.cn/article/detial/7830

          input禁止輸入的方法

          readonly規定輸入字段為只讀可復制,但是,用戶可以使用Tab鍵切換到該字段,可選擇,可以接收焦點,還可以選中或拷貝其文本。disabled 被禁用的 input 元素可復制,不能接收焦點,設置后文字的顏色會變成灰色。無法與 <input type=hidden> 一起使用。

          圖片input框自定義樣式及前端回顯

          在實際項目中,經常需要用戶選擇圖片以便后續的上傳,這時要用到Html的input,并將其type設置為file。原生的input上傳圖片按鈕通常無法符合設計稿,我的做法是將其透明度設置為0,再把寬度高度設置為100%。

          Vue 中如何讓 input 聚焦?

          在做項目時,有時我們需要讓 input 聚焦,為了讓用戶更好的使用。所有的瀏覽器都有一個內置的方法,讓 input 聚焦。首先,我們需要獲取元素。在原生 JS 中,我們可以使用下面方式來獲取元素:

          可以使用css的方式讓input不能輸入文字嗎?

          在使用一個js插件時,不想讓用戶點擊input輸入和觸發那個下拉框,用css的方式有什么方法?readonly和disabled都要寫到標簽上,但input都是這個插件生成的,有什么好的方法解決嗎?

          <input type=file>文件上傳

          <input> type 類型為 file 時使得用戶可以選擇一個或多個元素以提交表單的方式上傳到服務器上,或者通過 Javascript 的 File API 對文件進行操作,accept:指示file類型,沒有時表示不限制類型

          Angular input中setter和getter的使用

          Input 是Angular內部的屬性裝飾器,用來定義組件內的輸入屬性。在實際應用場合,通常用來實現父組件向子組件傳遞數據。有時候子組件單據的接收父組件傳遞過來的數據,不符合需求,需要另外處理數據

          input 禁止輸入特殊字符

          方式一:拿到value值以后 在你傳遞之前處理;方式二:從最根本上也就是提示用戶輸入不了特殊字符;方式三:onkeyup事件 拿到以后去匹配 跟方式一類似;

          純 JS 設置文本框的默認提示

          HTML5 中有個新特性叫 placeholder,一般用它來描述輸入字段的預期值,適用于 text、search、password 等類型的 input 以及 textarea。對用戶來說,placeholder 就是文本框中的輸入提示信息,往往是對預期值或預期格式的簡短描述

          H5移動端 input輸入完成后頁面底部留白問題

          最近在用vue寫幾個H5頁面在微信上展示,遇到一個在彈窗上input輸入完成之后點擊鍵盤的完成,頁面底部留出一片空白的問題,當鍵盤抬起時,window.scrollY會從0變到鍵盤的高度

          placeholder樣式設置_字體顏色大小

          怎么修改input、textarea元素中的placeholder屬性樣式?冒號前寫對應的input或textarea元素等。 樣式修改包括:顏色 大小 位置

          fly63.com版權所有,內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网