Come definire un valore predefinito per Input type = text senza utilizzare l'attributo 'Value'?

Nunzia Martini

Gli elementi HTML vengono utilizzati per aggiungere funzionalità particolari alle pagine Web. Ad esempio, il “

"L'elemento crea una tabella, il""L'elemento viene utilizzato per aggiungere un campo di input e molti altri. In HTML, gli attributi vengono utilizzati per specificare le informazioni aggiuntive agli elementi.

Questo post ti istruirà come definire un valore predefinito per "" senza usare l'attributo "valore".

Prima di saltare nella discussione, vediamo prima come utilizzare l'attributo "Valore" specificato nell'elemento, che è un'opzione migliore per definire un valore predefinito per l'elemento "l'elemento".

Qual è l'attributo "valore" html?

In HTML, il "valore"L'attributo viene utilizzato per impostare il valore predefinito dell'elemento di input.

Esempio

Il seguente blocco di codice mostra il ""Elemento con gli attributi" Tipo "," Classe "e" Value ":

Ecco la descrizione degli attributi sopra indicati:

- "tipo"Attributo imposta il tipo di campo di input, come casella di controllo, radio, testo o altro ancora.
- "classe" E "id"Gli attributi sono impostati per accedere all'elemento in CSS o JavaScript per un'ulteriore manipolazione.
- "valore"Attributo imposta il valore predefinito.

Produzione

Aggiungiamo gli stili CSS all'elemento "" per renderlo presentabile.

Classe di "stile input" di stile

IL ".stile input"Viene utilizzato per accedere alla classe per lo stile e le seguenti proprietà vengono applicate ad esso:

.stile input
imbottitura: 10px;
Font-size: 20px;
raggio di confine: 10px;
bordo: 1px solido RGB (204 203 203);
Box-Shadow: 1px 1px 1px 1px RGB (204 203 203);

Qui:

- "imbottitura"Aggiunge spazio all'interno del bordo dell'elemento.
- "dimensione del font"Definisce le dimensioni del carattere.
- "raggio di confine"Rende i bordi dell'elemento.
- "confine"Applica il confine attorno all'elemento.
- "Box-Shadow"Aggiunge un'ombra attorno all'elemento. Specifica i valori per l'offset orizzontale, l'offset verticale, l'effetto sfocatura, l'effetto di diffusione e il colore.

Produzione

Come definire un valore predefinito per "Input type = text" senza utilizzare l'attributo "valore"?

In HTML, ci sono più modi per impostare un valore predefinito per "tipo di input = testo". Alcuni di essi sono elencati di seguito:

- Utilizzo dell'attributo "segnaposto"
- Utilizzo della proprietà JavaScript "Value"
- Utilizzo del metodo JQuery "Val ()"

Metodo 1: come definire un valore predefinito per "tipo di input = text" utilizzando l'attributo HTML "segnaposto"?

Il metodo per impostare il valore predefinito per "L'elemento "è il"segnaposto"Attributo. Questo attributo è impostato per visualizzare il contenuto sull'elemento di input:

Produzione

Finora, abbiamo spiegato come impostare il valore predefinito dell'elemento "" in HTML. È inoltre possibile specificare il valore predefinito utilizzando JavaScript e JQuery. Discutiamo di quegli approcci uno per uno.

Metodo 2: come impostare un valore predefinito per "Type input = text" utilizzando la proprietà JavaScript "Value"?

È inoltre possibile determinare il valore predefinito di un campo di input usando JavaScript. Per includere il codice JavaScript in HTML, aggiungi il “"Tag:

All'interno del ""Tag, specificare il"documento.getElementById ()"Per recuperare l'elemento di input per ID. Quindi, aggiungi il “valore"Proprietà e impostare il valore predefinito sull'elemento.

Produzione

Metodo 3: come specificare un valore predefinito per "Input type = text" utilizzando il metodo jQuery "Val ()"?

Un altro modo efficiente per definire il valore predefinito per "Input type = text" è il jQuery "Val ()" metodo. JQuery è una libreria JavaScript. È necessario scaricare jQuery prima di utilizzare i suoi metodi o includerlo tramite CDN come Google.

Per scaricarlo, visita JQuery.com. Quindi, specificare il riferimento all'interno del ""Sezione dell'HTML:

Per includere jQuery con il CDN, specificare il seguente codice:

In HTML, all'interno del ""Elemento, aggiungi il"$ ()”Metodo con l'ID di un elemento come parametro e recuperare l'elemento. Quindi, aggiungi il “.Val ()"Metodo con esso per specificare il valore predefinito:

>$ ('#Esempio).val ('default');

Produzione

Si può osservare che il valore predefinito per il campo di input è stato impostato correttamente.

Conclusione

In HTML, per definire un valore predefinito per "", IL "valore"Viene utilizzato l'attributo. Tuttavia, esistono diversi modi alternativi, come l'uso del "segnaposto"Attributo, codice JavaScript e metodi jQuery. Per aggiungere il codice JavaScript e JQuery in HTML, specificare “"Tag. IL "valore"Proprietà in JavaScript e"Val ()"Il metodo in jQuery viene utilizzato per impostare il valore predefinito. Questo post ha spiegato i metodi per impostare il valore predefinito per "" senza utilizzare l'attributo "valore".