modulo HTML
Moduli HTML vengono utilizzati per raccogliere diversi tipi di input dell'utente.
Esempi online
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.)
modulo HTML
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:
.
input 元素
.
</form>
Moduli HTML - elementi di input
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:
Campo di testo (campi di testo)
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.
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
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.
campo Password
campi Password per tag <input type = "password"> per definire:
Password: <input type="password" name="pwd">
</form>
Il browser visualizza i seguenti effetti:
Nota: I caratteri campo password non vengono visualizzati in chiaro, ma con un asterisco o punti invece.
Pulsante Radio (pulsanti di opzione)
<Input type = "radio"> definisce da sola tabella opzioni della finestra di
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
Il browser visualizza i seguenti effetti:
Caselle di controllo (caselle di controllo)
<Type = "checkbox" Input> definisce una casella di controllo. Gli utenti devono selezionare una o più opzioni da diverse scelte dato.
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
Il browser visualizza i seguenti effetti:
Pulsante (pulsante Invia) Invia
<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. :
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
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.
Altri esempi
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.
un'istanza
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.
tag form HTML
Nuovo: HTML5 nuova etichetta
| 标签 | 描述 |
|---|---|
| <form> | 定义供用户输入的表单 |
| <input> | 定义输入域 |
| <textarea> | 定义文本域 (一个多行的输入控件) |
| <label> | 定义了 <input> 元素的标签，一般为输入标题 |
| <fieldset> | 定义了一组相关的表单元素，并使用外框包含起来 |
| <legend> | 定义了 <fieldset> 元素的标题 |
| <select> | 定义了下拉选项列表 |
| <optgroup> | 定义选项组 |
| <option> | 定义下拉列表中的选项 |
| <button> | 定义一个点击按钮 |
| <datalist> New | 指定一个预先定义的输入控件选项列表 |
| <keygen> New | 定义了表单的密钥对生成器字段 |
| <output> New | 定义一个计算结果 |