Bootstrap | Lettura solo input e textreatea
Spesso, per iscriverti a qualsiasi applicazione, dobbiamo fornire alcune credenziali alla domanda. Durante la creazione del profilo, è possibile sperimentare che le credenziali principali come nome, e -mail e password sono già mostrate. Queste credenziali sono solo lette e non possono essere modificate.
Usando Bootstrap, il "" E ""Può essere reso lettura solo utilizzando il"sola lettura"Attributo. Il testo di input solo lettura non può essere modificato. Tuttavia, può essere a scheda ed evidenziato per copiare il contenuto.
Questo post ti guiderà:
- Come creare i campi di input solo lettura in bootstrap?
- Come creare solo il campo TextArea in bootstrap?
Come creare i campi di input solo lettura in bootstrap?
Per far leggere un testo solo, il "sola lettura"L'attributo può essere utilizzato. Prima di procedere ulteriormente, creeremo un file HTML per la dimostrazione.
Prerequisito: creare un HTML e aggiungere campi di input
Per creare un file HTML, seguire le istruzioni di seguito:
- Creare un ""Elemento e assegnarlo una classe"P-4". Questa classe aggiunge spazio di imbottitura su tutti i lati dell'elemento.
- Quindi, aggiungi il ""Elemento per menzionare la didascalia dell'elemento di input. Suo "per"L'attributo deve corrispondere al"id”Del tag“ ”.
- Per aggiungere un campo di input di testo, posizionare ""Tag con gli attributi" Tipo "," Id "," Class "," Value "e" Readonly ".
- IL "tipo"Attributo con il valore"testo"Specifica il campo di input di testo.
- IL "id"Definisce un ID univoco per l'elemento.
- IL "classe"L'attributo è impostato con la classe bootstrap"forma di controllo". Questa classe fornisce una larghezza completa agli elementi per renderli reattivi.
- IL "valore"Definisce il valore nel campo di input di testo.
- IL "sola lettura"L'attributo crea solo il testo. Indica che non può essere modificato o modificato.
Html
Produzione
Come creare solo campi textreatea in bootstrap?
IL "sola lettura"L'attributo può essere specificato in""Elemento per renderlo lento. Inoltre, il tag HTML "" è un controllo di input di testo multipla.
Per una migliore comprensione, dai un'occhiata al codice dato e all'output pertinente:
Produzione
Si trattava di creare elementi lettura "" e "" in bootstrap.
Conclusione
IL "sola lettura"L'attributo viene utilizzato per fare"" E ""Elements Lettura solo. Per rendere solo il campo di input lettura, questo attributo è posizionato all'interno del tag di avvio dell'elemento "". Tuttavia, per rendere il controllo di input di testo multi-line solo lettura. Questo post è stato guidato in relazione alla procedura per rendere lento l'area di input e di testo.