Il miglior tutorial modulo HTML Nel 2024, in questo tutorial puoi imparare Esempi online,modulo HTML,Moduli HTML - elementi di input,Campo di testo (campi di testo),campo Password,Pulsante Radio (pulsanti di opzione),Caselle di controllo (caselle di controllo),Pulsante (pulsante Invia) Invia,Altri esempi,un'istanza,tag form HTML,
Moduli HTML vengono utilizzati per raccogliere diversi tipi di input dell'utente.
Creare un campo di testo (campo di testo)
Questo esempio dimostra come creare un campo di testo nella pagina HTML. L'utente può scrivere testo in un campo di testo.
Creare un campo di password
Questo esempio dimostra come creare un campo password HTML.
(In fondo a questa pagina è possibile trovare altri esempi.)
La forma è una regione che contiene gli elementi del modulo.
elemento di modulo è quello di consentire all'utente di inserire i contenuti sotto forma, per esempio: i campi di testo (textarea), elenchi a discesa, pulsanti di opzione (radio bottoni-), caselle di controllo (checkbox) e così via.
Modulo utilizza tag form <form> Set:
Nella maggior parte dei casi sono tag form utilizzato è un tag input (<input>).
Il tipo di ingresso è l'attributo (tipo) definizioni di tipo. Più frequentemente tipi di input utilizzati sono i seguenti:
Attraverso campo di testo <input type = "text"> tag per impostare quando l'utente di digitare lettere, numeri e altri contenuti in un modulo, verrà utilizzato il campo di testo.
Il browser visualizza il seguente:
Nota: La forma non è visibile.Inoltre, nella maggior parte dei browser, la larghezza predefinita del campo di testo è di 20 caratteri.
campi Password per tag <input type = "password"> per definire:
Il browser visualizza i seguenti effetti:
Nota: I caratteri campo password non vengono visualizzati in chiaro, ma con un asterisco o punti invece.
<Input type = "radio"> definisce da sola tabella opzioni della finestra di
Il browser visualizza i seguenti effetti:
<Type = "checkbox" Input> definisce una casella di controllo. Gli utenti devono selezionare una o più opzioni da diverse scelte dato.
Il browser visualizza i seguenti effetti:
<Input type = "submit"> definisce il pulsante di invio.
Quando l'utente fa clic sul pulsante OK, il contenuto del modulo saranno trasferiti ad un altro file. attributo action modulo definisce il nome del file di destinazione. Definito dall'attributo action del file normalmente avrebbe ricevuto dati di input relativi al trattamento. :
Il browser visualizza i seguenti effetti:
Se si digita alcune lettere nella casella di testo di cui sopra, quindi fare clic sul pulsante OK, quindi i dati di ingresso viene trasferito alla pagina "html_form_action.php". Questa pagina mostra i risultati inseriti.
Pulsante Radio (I pulsanti di opzione)
Questo esempio dimostra come creare pulsanti di opzione in HTML.
Caselle di controllo (caselle di controllo)
Questo esempio dimostra come creare una casella di controllo in una pagina HTML. L'utente può selezionare o deselezionare la casella di controllo.
elenco a discesa Semplice
Questo esempio dimostra come creare una semplice casella di riepilogo a discesa in una pagina HTML. casella di riepilogo a discesa è una lista opzionale.
Pre-selezione a discesa
Questo esempio dimostra come creare un semplice elenco a discesa con un valore preselezionato.
I campi di testo (textarea)
Questo esempio dimostra come creare un campo di testo (un controllo di input di testo a più linee). L'utente può scrivere testo in un campo di testo. carattere scrivibile di parole non è limitata.
pulsante Crea
Questo esempio dimostra come creare un pulsante. È possibile testo sul pulsante può essere personalizzato.
Modulo con bordo
Questo esempio dimostra come disegnare una casella attorno i dati con un titolo.
Casella di inserimento e confermare il modulo con pulsanti
Questo esempio dimostra come aggiungere una pagina del modulo. Questo modulo contiene due campi di input e un pulsante di conferma.
Modulo con caselle di controllo
Questo modulo contiene due caselle di controllo, e un pulsante di conferma.
Modulo con pulsanti di opzione
Questo modulo contiene due palchi e un pulsante di conferma.
Invia e-mail da un modulo
Questo esempio dimostra come inviare e-mail da un modulo.
Nuovo: HTML5 nuova etichetta
标签 | 描述 |
---|---|
<form> | 定义供用户输入的表单 |
<input> | 定义输入域 |
<textarea> | 定义文本域 (一个多行的输入控件) |
<label> | 定义了 <input> 元素的标签,一般为输入标题 |
<fieldset> | 定义了一组相关的表单元素,并使用外框包含起来 |
<legend> | 定义了 <fieldset> 元素的标题 |
<select> | 定义了下拉选项列表 |
<optgroup> | 定义选项组 |
<option> | 定义下拉列表中的选项 |
<button> | 定义一个点击按钮 |
<datalist> New | 指定一个预先定义的输入控件选项列表 |
<keygen> New | 定义了表单的密钥对生成器字段 |
<output> New | 定义一个计算结果 |