all html code's here

 

U kunt de volgende HTML-code om een ​​formulier in uw HTML-document te maken. Merk op dat deze ook tabel code voor de opmaak doeleinden bevat.

U kunt ook de HTML-formulieren pagina van de HTML Tutorial.

Voorbeeld HTML-formulier Code:

<form action="/html/tags/html_form_tag_action.cfm" method="get">
<table>
<tr>
<td> Voornaam: </ td>
<td>
<input type="text" name="first_name" value="" maxlength="100" />
</ Td>
</ Tr>
<tr>
<td> Lunch: </ td>
<td>
<input type="radio" name="lunch" value="pasta" /> Pasta
<input type="radio" name="lunch" value="rissotto" /> Rissotto
</ Td>
</ Tr>
<td> Dranken: </ td>
<td>
<input type="checkbox" name="drinks" value="beer" /> Beer
<input type="checkbox" name="drinks" value="wine" /> Wijn
</ Td>
</ Tr>
<tr> <td> voorkeur Stad: </ td>
<td>
<Kies>
  <option waarde ="sydney"> Sydney </ option>
  <option waarde ="melbourne"> Melbourne </ option>
  <option waarde ="cromwell"> Cromwell </ option>
  <option waarde ="queenstown"> Queenstown </ option>
</ Select>
</ Td>
</ Tr>
<tr>
<td> Comments: </ td>
<td>
<textarea rows="3" cols="20" name="comments"> </ textarea>
</ Td>
</ Tr>
<tr> <td> </ td>
<td>
<input type="submit" value="Submit" />
</ Td>
</ Tr>
</ Table>

 

Dit resulteert in:

Voornaam:
Lunch:  Pasta  Rissotto
Dranken:  Bier  Wijn
Bij voorkeur City:  
 
Opmerkingen:
 
 
 

Sjablonen

Het formulier tags bevatten andere tags genest binnen hen. Deze andere codes definiëren de huidige vorm elementen die verschijnen binnen het formulier.

U kunt gebruik maken van de volgende template als basis voor uw HTML-formulier codes. Gewoon Vul in of verwijder uneeded attributen.

Omdat HTML-formulier-code is opgebouwd uit een aantal tags, wordt elke tag hier apart gepresenteerd.

1. De <form> Tag

Voor een uitleg van alle attributen, zie de HTML-form tag specificaties .

<Form
	action = ""
	method = ""
	enctype = ""
	accept-charset = ""
	accept = ""
	name = ""
	class = ""
	id = ""
	dir = ""
	lang = ""
	target = ""
	onSubmit = ""
	onReset = ""
	onclick = ""
	ondbclick = ""
	onmousedown = ""
	onmouseup = ""
	onmouseover = ""
	onmousemove = ""
	onmouseout = ""
	onkeypress = ""
	onkeydown = ""
	onkeyup = "">

	(De individuele vorm element labels gaan hier - zie hieronder)

	</ Form>

2. De <input> Tag

Deze tag definieert input velden in het formulier.

Voor een uitleg van alle attributen, zie de HTML specificaties van input-tag .

<Input
	type = ""
	name = ""
	value = ""
	size = ""
	maxlength = ""
	checked = ""
	src = ""
	class = ""
	id = ""
	dir = ""
	lang = ""
	title = ""
	style = ""
	align = ""
	alt = ""
	readonly = ""
	disabled = ""
	tabindex = ""
	accesskey = ""
	ISMAP = ""
	USEMAP = ""
	onfocus = ""
	onblur = ""
	onselect = ""
	onchange = ""
	onclick = ""
	ondbclick = ""
	onmousedown = ""
	onmouseup = ""
	onmouseover = ""
	onmousemove = ""
	onmouseout = ""
	onkeypress = ""
	onkeydown = ""
	onkeyup = "" />

3. De <Kies> Tag

Deze tag definieert een dropdown menu in het formulier. Dit werkt in combinatie met de <option> tag.

Voor een uitleg van alle attributen, zie de HTML-tag te selecteren specificaties .

<Selecteer
	name = ""
	size = ""
	multiple = ""
	class = ""
	id = ""
	dir = ""
	lang = ""
	style = ""
	title = ""
	tabindex = ""
	disabled = ""
	onclick = ""
	ondbclick = ""
	onmousedown = ""
	onmouseup = ""
	onmouseover = ""
	onmousemove = ""
	onmouseout = ""
	onkeypress = ""
	onkeydown = ""
	onkeyup = ""
>

(Optie labels gaan hier voor elk item dat u nodig hebt in je lijst)

<select/>

4. De <optie> Tag

Deze tag definieert een item in een dropdown menu. Dit werkt in combinatie met de <select> tag.

Voor een uitleg van alle attributen, zie de HTML-tag optie specificaties .

<Optie
	selected = ""
	value = ""
	label = ""
	class = ""
	id = ""
	dir = ""
	lang = ""
	style = ""
	title = ""
	tabindex = ""
	disabled = ""
	onclick = ""
	ondbclick = ""
	onmousedown = ""
	onmouseup = ""
	onmouseover = ""
	onmousemove = ""
	onmouseout = ""
	onkeypress = ""
	onkeydown = ""
	onkeyup = ""
>

(Item in de lijst gaat hier)

</ Option>

5. De <textarea> Tag

Deze tag definieert een tekst gebied binnen het formulier.

Voor een uitleg van alle attributen, zie de HTML-tag textarea specificaties .

<Textarea
	name = ""
	rijen = ""
	cols = ""
	class = ""
	id = ""
	dir = ""
	lang = ""
	title = ""
	style = ""
	readonly = ""
	disabled = ""
	tabindex = ""
	onfocus = ""
	onblur = ""
	onselect = ""
	onchange = ""
	onclick = ""
	ondbclick = ""
	onmousedown = ""
	onmouseup = ""
	onmouseover = ""
	onmousemove = ""
	onmouseout = ""
	onkeypress = ""
	onkeydown = ""
	onkeyup = "">

	(Dit is waar de gebruiker kan typen stuff)