Solvita: malŝalti redaktan tekstkeston en HTML

La ĉefa problemo kun HTML malŝaltanta tekstkeston redaktadon estas ke ĝi povas malfaciligi enigi informojn en la keston.

<input type="text" disabled="disabled">

Ĉi tio estas eniga kampo kiu estas malŝaltita, kio signifas, ke uzanto ne povas interagi kun ĝi.

Enhavo

1 Tekstkesto propraĵoj
2 Konsiloj por kontroli tekstkeston

Tekstkesto propraĵoj

Estas kelkaj trajtoj, kiuj povas esti agordeblaj sur tekstkesto en HTML. La plej oftaj estas la larĝo kaj alto de la tekstkesto, kiuj determinas la grandecon de la tekstkesto. Aliaj trajtoj, kiuj povas esti agordeblaj sur tekstkesto, inkluzivas ĝian randon, koloron kaj tiparon.

Konsiloj por kontroli tekstkeston

Estas kelkaj konsiletoj uzeblaj por kontroli tekstkestojn en HTML.

Unu maniero kontroli la tekstkeston estas uzi la etikedoj. Ĉi tio permesos al vi tajpi ajnan tekston, kiun vi volas, kaj la teksto estos aŭtomate konservita en la skatolon. Alia maniero kontroli la tekstkeston estas uzi la etikedo. This will allow you to enter only alphanumeric characters, and it will not save any of your input into the box.</p><div class="ab8f4ffd587b86c2525fac29f883fe03" data-index="3" style="float: none; margin:10px 0 10px 0; text-align:center;">  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2740134681475878" data-ad-slot="1884133909" data-ad-format="auto" data-full-width-responsive="true"></ins> <script type="rocketlazyloadscript"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="ab8f4ffd587b86c2525fac29f883fe03" data-index="4" style="float: none; margin:10px 0 10px 0; text-align:center;">  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2740134681475878" data-ad-slot="2173846319" data-ad-format="auto" data-full-width-responsive="true"></ins> <script type="rocketlazyloadscript"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div style="font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;"></div> </div> <p class="related-posts"></p> <p id="breadcrumbs"><span><span><a href="https://www.sourcetrail.com/">Home</a></span> » <span><a href="https://www.sourcetrail.com/html/">HTML</a></span> » <span class="breadcrumb_last" aria-current="page">Solved: html disable editing textbox</span></span></p><strong>Related posts:</strong> <ul class="lcp_catlist" id="lcp_instance_0"><li><a href="https://www.sourcetrail.com/html/_blank/">Solved: _blank in html</a></li><li><a href="https://www.sourcetrail.com/html/add-image-from-remote-source/">Solved: html add image from remote source</a></li><li><a href="https://www.sourcetrail.com/html/add-space/">Solved: add space in html</a></li><li><a href="https://www.sourcetrail.com/html/adding-a-favicon-in/">Solved: adding a favicon in html</a></li><li><a href="https://www.sourcetrail.com/html/align-text-right/">Solved: html align text right</a></li><li><a href="https://www.sourcetrail.com/html/auto-update-copyright-year/">Solved: auto update copyright year html</a></li><li><a href="https://www.sourcetrail.com/html/autoplay-not-work-iphone/">Solved: html autoplay not work iphone</a></li><li><a href="https://www.sourcetrail.com/html/autoredirect/">Solved: autoredirect html</a></li><li><a href="https://www.sourcetrail.com/html/background-image-fit-to-screen/">Solved: html background image fit to screen</a></li><li><a href="https://www.sourcetrail.com/html/base64-image-example/">Solved: base64 image html example</a></li><li><a href="https://www.sourcetrail.com/html/body-full-height/">Solved: html body full height</a></li><li><a href="https://www.sourcetrail.com/html/button-href/">Solved: button html href</a></li><li><a href="https://www.sourcetrail.com/html/center-button/">Solved: html center button</a></li><li><a href="https://www.sourcetrail.com/html/center-p/">Solved: center p html</a></li><li><a href="https://www.sourcetrail.com/html/center-youtube-video/">Solved: html center youtube video</a></li><li><a href="https://www.sourcetrail.com/html/change-player-speed/">Solved: html change player speed</a></li><li><a href="https://www.sourcetrail.com/html/change-viewport-to-smartphone-size/">Solved: html change viewport to smartphone size</a></li><li><a href="https://www.sourcetrail.com/html/character-tab/">Solved: html character tab</a></li><li><a href="https://www.sourcetrail.com/html/copyright-footer-html-code/">Solved: copyright footer html code</a></li><li><a href="https://www.sourcetrail.com/html/create-a-mailto-link-html/">Solved: create a mailto link html</a></li><li><a href="https://www.sourcetrail.com/html/dash-code/">Solved: html dash code</a></li><li><a href="https://www.sourcetrail.com/html/datalist/">Solved: datalist html</a></li><li><a href="https://www.sourcetrail.com/html/description-tag/">Solved: html description tag</a></li><li><a href="https://www.sourcetrail.com/html/difference-between-name-and-id/">Solved: difference between name and id html</a></li><li><a href="https://www.sourcetrail.com/html/disable-enter-submit/">Solved: html disable enter submit</a></li><li><a href="https://www.sourcetrail.com/html/disable-form-input-autocomplete-autofill/">Solved: disable html form input autocomplete autofill</a></li><li><a href="https://www.sourcetrail.com/html/disable-spell-check/">Solved: disable spell check html</a></li><li><a href="https://www.sourcetrail.com/html/dot-symbol/">Solved: html dot symbol</a></li><li><a href="https://www.sourcetrail.com/html/dropdown-in/">Solved: dropdown in html</a></li><li><a href="https://www.sourcetrail.com/html/email-links/">Solved: html email links</a></li><li><a href="https://www.sourcetrail.com/html/empty-character/">Solved: html empty character</a></li><li><a href="https://www.sourcetrail.com/html/entity-ampersand-and/">Solved: html entity ampersand and</a></li><li><a href="https://www.sourcetrail.com/html/entity-quote/">Solved: html entity quote</a></li><li><a href="https://www.sourcetrail.com/html/fa-fa-email/">Solved: fa fa email</a></li><li><a href="https://www.sourcetrail.com/html/facebook-meta-tags/">Solved: html facebook meta tags</a></li><li><a href="https://www.sourcetrail.com/html/fafa-login-icons-code/">Solved: fafa login icons html code</a></li><li><a href="https://www.sourcetrail.com/html/favicon-for-page/">Solved: favicon for html page</a></li><li><a href="https://www.sourcetrail.com/html/favicon-meta/">Solved: favicon meta</a></li><li><a href="https://www.sourcetrail.com/html/favicon-tag/">Solved: html favicon tag</a></li><li><a href="https://www.sourcetrail.com/html/file-only-image/">Solved: html file only image</a></li></ul><div class="saboxplugin-wrap" itemtype="http://schema.org/Person" itemscope itemprop="author"><div class="saboxplugin-tab"><div class="saboxplugin-gravatar"><picture itemprop="image"> <source type="image/webp" data-lazy-srcset="https://www.sourcetrail.com/wp-content/uploads/2022/06/sourcetrail_logo_blue.png.webp" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3C/svg%3E"/> <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3C/svg%3E" width="100" height="100" alt="HTML sourcetrail logo" itemprop="image" data-lazy-src="https://www.sourcetrail.com/wp-content/uploads/2022/06/sourcetrail_logo_blue.png"/> </picture> <noscript><picture itemprop="image"> <source type="image/webp" srcset="https://www.sourcetrail.com/wp-content/uploads/2022/06/sourcetrail_logo_blue.png.webp"/> <img src="https://www.sourcetrail.com/wp-content/uploads/2022/06/sourcetrail_logo_blue.png" width="100" height="100" alt="HTML sourcetrail logo" itemprop="image"/> </picture> </noscript></div><div class="saboxplugin-authorname"><a href="https://www.sourcetrail.com/author/html-sourcetrail/" class="vcard author" rel="author"><span class="fn">HTML SourceTrail</span></a></div><div class="saboxplugin-desc"><div itemprop="description"><p>We know everything about HTML and HTML5.