HTMLa Retrosciigo
Superrigardo: En ĉi tiu dokumento ni parolos pri HTMLaj Formoj kaj ilia uzado. HTMLaj formoj estas havenda parto de moderna reteja evoluado sonkonsidere de ajna teknologio.
Enkonduko:
HTMLa formo sur retpaĝo ebligas uzanton provizi enigojn al apliko. La datumo enirita de la uzanto estas tiam sendita al la servilo por pli fora pretigo aŭ entenanta en la datumaro. Ekzemplo html formo estas donita kiel nesufiĉe:
Enlistiganta 1: Ekzempla HTML Formo
[Kodo]
<!DOCTYPE HTMLa PUBLIKO “-//W3C//DTDa HTML 4.01 Transira//EN” “Http://Www.w3.org/tr/html4/loose.dtd”>
<Html>
<Kapo>
<Titolo> Ekzempla HTML </Titolo>
<Meta nomo=”Generatoro” Enhavo=”EditPlus”>
<Meta nomo=”Aŭtoro” Enhavo=””>
<Meta nomo=”Ŝlosilvortoj” Enhavo=””>
<Meta nomo=”Priskribo” Enhavo=””>
</Kapo>
<Korpo>
<Forma nomo=”Enigo” Ago=”Html_forma_ago.Jsp” Metodo=”Akiri”>
Salutnomo: <Eniga tipo=”Teksto” Nomo=”Uzanto”><Br>
Pasvorto: <Eniga tipo=”Pasvorto” Nomo=”Pwd”><Br>
<Eniga tipo=”Radio” Nomo=”Sekso” Valoro=”Vira”>Vira<Br>
<Eniga tipo=”Radio” Nomo=”Sekso” Valoro=”Virina”>Virina<Br>
<Eniga tipo=”Checkbox” Nomo=”Veturilo” Valoro=”Biciklo”>Mi havas biciklon<Br>
<Eniga tipo=”Checkbox” Nomo=”Veturilo” Valoro=”Aŭto”>Mi havas aŭton <Br>
<Eniga tipo=”Submetiĝi” Valoro=”Submetiĝi”>
</Formo>
</Korpo>
</Html>
[/Kodo]
La supra kodo produktas bazan HTMLan formon havanta la sekvantajn kampojn:
- Teksta kampo por provizanta Salutnomon.
- Pasvorta kampo provizi Pasvorton.
- Radia butono provizi la sekson aŭ vira aŭ virino.
- Kontrola skatolo indiki la tipon de veturilo la uzanto posedas.
Ecoj en HTMLa formo:
HTMLa formo havas la sekvantajn ecojn kiu estas plej ofte uzita:
- Metodo: Tio ĉi povas havi valoron aŭ de la du valoroj : ‘Akiri’ Aŭ ‘poŝto'. ‘Poŝto’ Estas uzita kiam nin devas submetiĝi iun informon kiu devas esti entenita en persista datuma tenado. ‘Akiri’ Estas uzita kiam nin devas repreni iun informon bazita sur la eniga valoro kiu estas submetiĝita.
- Nomo: Tio ĉi estas uzita provizi nomon al la individua formo kaj estas postulita kiam nin devas aliri individuajn erojn de formo.
- Ago: Ĉi tiu eco enhavas la nomon de la dosiero kiu funkcias sur la kampoj enirita de la uzanto. Ĝi ankaŭ tenas la funkciojn, Kaŝita kampajn difinojn kiu estas postulita elfari taskon.
Kolektanta kaj submetiĝanta la forman datumon:
Lasi nin konsideri la sekvantan kodan ereton
Enlistiganta 2: Ekzempla HTML forma kodo ereto
[Kodo]
<!DOCTYPE HTMLa PUBLIKO “-//W3C//DTDa HTML 4.01 Transira//EN” “Http://Www.w3.org/tr/html4/loose.dtd”>
<Html>
<Kapo>
<Titolo> Ekzemplo 2 </Titolo>
<Meta nomo=”Generatoro” Enhavo=”EditPlus”>
<Meta nomo=”Aŭtoro” Enhavo=””>
<Meta nomo=”Ŝlosilvortoj” Enhavo=””>
<Meta nomo=”Priskribo” Enhavo=””>
</Kapo>
<Korpo>
<Forma metodo='poŝto'>
NOMO: <Eniga tipo='teksto’ Nomi='nomo’ Identigaĵo='nomo’ /><Br />
#Retpo?to: <Eniga tipo='teksto’ Nomi='retpoŝto’ Identigaĵo='retpoŝto’ /><Br />
Retejo: <Eniga tipo='teksto’ Nomi='retejo’ Identigaĵo='retejo’ /><Br />
Rimarko:<Br />
<Textarea nomo='rimarko’ Identigaĵo='rimarko’ /></Textarea><Br />
<Eniga tipo='kaŝita’ Nomi='articleid’ Identigaĵo='articleid’ Valori='<? Eĥa $_GET[“Identigaĵo”]; ?>’ />
<Eniga tipo='submetiĝas’ Valori='Submetiĝas’ />
</Formo>
</Korpo>
</Html>
[/Kodo]
La supra html koda ereto estas simpla uzanta informa formo ke uzantaj bezonoj plenigi ekstere kaj frapi la submetiĝi butonon. Unufoje la submetiĝi butonon estas frapita de la uzanto, La formo kolektas ĉiuj la datumo kaj sendas ĝin al alia skribo por pli fora pretigo. Dependanta al la komerca postulo la formo aŭ povas sendi la datumon al kelkaj alia paĝo por pli fora pretigo aŭ pretigi la datumon kaj produkti iun produktadon al la uzanto. Kiam la datumo estas pasita al skribo por pretiganta nin uzas aŭ ‘akiri’ Aŭ ‘poŝto’ Metodo.
HTMLa Formo etikedoj:
HTMLa formo havas la sekvantajn etikedojn uzis ofte:
- Formo : Uzita difini HTMLan formon por uzanta enigo. La sekvantaj eretaj rezultoj kiel povas nin uzas ĝin :
Enlistiganta 3 : Uzo de html formo
[Kodo]
<Forma ago=”Elmontro.Aspido” Metodo=”Akiri”>
Unua nomo: <Eniga tipo=”Teksto” Nomo=”Fname”><Br>
Lasta nomo: <Eniga tipo=”Teksto” Nomo=”Lname”><Br>
<Eniga tipo=”Submetiĝi” Valoro=”Submetiĝi”>
</Formo>
[/Kodo]
Ĉi tiu etikedo estas subtenita en preskaŭ ĉiuj la retumiloj.
- Enigo: Uzita difini enigan kontrolon. Ekzempla kodo enlistigita en listero 3 Povas esti bona ekzemplo. Ĉi tiu etikedo estas subtenita en preskaŭ ĉiuj la retumiloj.
- Textarea: Uzita difini multiline teksta enigo. La sekvantaj eretaj rezultoj kiel povas nin uzas ĝin :
Enlistiganta 4: Uzo de html formo textarea
[Kodo]
<Forma ago=”Elmontro.Aspido” Metodo=”Akiri”>
<Textarea disputoj=”4″ Cols=”50″>
Rapida bruna vulpo saltas ĝuste super maldiligenta hundo. </Textarea>
</Formo>
[/Kodo]
Ĉi tiu etikedo estas subtenita en preskaŭ ĉiuj la retumiloj.
- Etikedo : Uzita difini etikedon por eniga elemento. La sekvantaj eretaj rezultoj kiel povas nin uzas ĝin :
Enlistiganta 5: Uzo de html formo – Etikedo
[Kodo]
<Forma ago=”Elmontro.Aspido”>
<Etikedo por=”Vira”>Vira</Etikedo>
<Eniga tipo=”Radio” Nomo=”Sekso” Identigaĵo=”Vira” Valoro=”Vira”><Br>
<Etikedo por=”Virina”>Virina</Etikedo>
<Eniga tipo=”Radio” Nomo=”Sekso” Identigaĵo=”Virina” Valoro=”Virina”><Br>
<Eniga tipo=”Submetiĝi” Valoro=”Submetiĝi”>
</Formo>
[/Kodo]
Ĉi tiu etikedo estas subtenita en preskaŭ ĉiuj la retumiloj.
- Fieldset : Uzita grupigi similan informon kune. La sekvantaj eretaj rezultoj kiel povas nin uzas ĝin :
Enlistiganta 6: Uzo de html formo – Fieldset
[Kodo]
<Formo>
<Fieldset>
<Legendo>Propra Informo </Legendo>
Nomo: <Eniga tipo=”Teksto” Grandeco=”30″><Br>
#Retpo?to: <Eniga tipo=”Teksto” Grandeco=”30″><Br>
Dato de naskiĝo: <Eniga tipo=”Teksto” Grandeco=”10″>
</Fieldset>
</Formo>
[/Kodo]
Ĉi tiu etikedo estas subtenita en preskaŭ ĉiuj la retumiloj.
- Legendo: Uzita difini la titolon de la filedset elemento. Koda ereto donita en listero 6 Estas ekzemplo de kiel uzi ĝin. Ĉi tiu etikedo estas subtenita en preskaŭ ĉiuj la retumiloj.
- Elektita: Uzita krei falon malsupren listo. La sekvantaj eretaj rezultoj kiel povas nin uzas ĝin
Enlistiganta 7: Uzo de html formo – Elektita
[Kodo]
<Elektita>
<Elekta valoro=”Volvo”>Volvo</Elekto>
<Elekta valoro=”Saab”>Saab</Elekto>
<Elekta valoro=”Mercedes”>Mercedes</Elekto>
<Elekta valoro=”Audi”>Audi</Elekto>
</Elektita>
[/Kodo]
Ĉi tiu etikedo estas subtenita en preskaŭ ĉiuj la retumiloj.
- Optgroup : Uzita difini grupon de rilataj elektoj en dropdown listo. La sekvantaj eretaj rezultoj kiel povas nin uzas ĝin :
Enlistiganta 8: Uzo de html formo optgroup
[Kodo]
<Elektita>
<Optgroup etikedo=”Svedaj Aŭtoj”>
<Elekta valoro=”Volvo”>Volvo</Elekto>
<Elekta valoro=”Saab”>Saab</Elekto>
</Optgroup>
<Optgroup etikedo=”Germanaj Aŭtoj”>
<Elekta valoro=”Mercedes”>Mercedes</Elekto>
<Elekta valoro=”Audi”>Audi</Elekto>
</Optgroup>
<Optgroup etikedo=”Japanaj Aŭtoj”>
<Elekta valoro=”Honda”>Honda</Elekto>
<Elekta valoro=”Hundai”>Hundai</Elekto>
<Elekta valoro=”Suzuki”>Suzuki</Elekto>
</Optgroup>
</Elektita>
[/Kodo]
Ĉi tiu etikedo estas subtenita en preskaŭ ĉiuj la retumiloj.
- Elekto : Uzita difini elekton en dropdown listo. Koda ereto donita en listero 7 Kaj listero 8 Estas bona ekzemplo de kiel uzi ĝin. Ĉi tiu etikedo estas subtenita en preskaŭ ĉiuj la retumiloj.
- Butono : Uzita difini clickable butono. La submetiĝi butonon en listero 1 Aŭ listero 2 Estas bona ekzemplo de ĝia uzado. Ĉi tiu etikedo estas subtenita en preskaŭ ĉiuj la retumiloj.
- Datalist : Uzita specifi liston de pre-difinita elektojn por enigaj kontroloj. Tio ĉi estas nova etikedo enkondukita en html 5. La sekvantaj eretaj rezultoj kiel povas nin uzas ĝin :
Enlistiganta 9: Uzo de html formo – Datalist
[Kodo]
<Eniga listo=”Retumiloj”>
<Datalist identigaĵo=”Retumiloj”>
<Elekta valoro=”Interreta Esploristo”>
<Elekta valoro=”Firefox”>
<Elekta valoro=”Chrome”>
<Elekta valoro=”Opero”>
<Elekta valoro=”Safaro”>
</Datalist>
[/Kodo]
Ĉi tiu etikedo estas subtenita en Interreta Esploristo 10, Firefox, Opero, Kaj Chrome. Tio ĉi ne estas subtenita en Interreta Esploristo 9 Aŭ pli frua versio aŭ sur safaraj retumiloj.
- Keygen : Uzita difini kernan-valora paro. Tio ĉi estas nova etikedo enkondukita en html 5. La sekvantaj eretaj rezultoj kiel povas nin uzas ĝin :
Enlistiganta 10: Uzo de html formo keygen
[Kodo]
<Forma ago=”Elmontro.Aspido” Metodo=”Akiri”>
Salutnomo: <Eniga tipo=”Teksto” Nomo=”Usr_nomo”>
Ĉifrado: <Keygen nomo=”Sekureco”>
<Eniga tipo=”Submetiĝi”>
</Formo>
[/Kodo]
Ĉi tiu etikedo estas subtenita en Firefox, Opero, Chrome kaj safaraj retumiloj.
- Eligita: Uzita difini la produktadon de kalkulo. Tio ĉi estas nova etikedo enkondukita en html 5. La sekvantaj eretaj rezultoj kiel povas nin uzas ĝin :
Enlistiganta 11: Uzo de html formo keygen
[Kodo]
<Formi oninput=”X.Valoro=parseInt(.Valoro)+ParseInt(B.Valoro)”>0
<Eniga tipo=”Gamo” Identigaĵo=”a” Valoro=”50″>100
+<Eniga tipo=”Nombro” Identigaĵo=”B” Valoro=”50″>
=<Eligita nomon=”X” Por=”b”></Eligita>
</Formo>
[/Kodo]
Ĉi tiu etikedo estas subtenita en Firefox, Opero, Chrome kaj safaraj retumiloj.
Resuma:
Lasi nin resumi nian diskuton en la sekvantaj kugloj kiel nesufiĉe –
- HTMLa formo estas uzita provizi enigon al apliko.
- HTMLa formo havas la sekvantajn ecojn –
- Metodo.
- Ago.
- Nomo.
- HTMLa formo havas la sekvantajn etikedojn –
- Formo.
- Enigo.
- Textarea.
- Etikedo.
- Fieldset.
- Legendo.
- Elektita.
- Optgroup.
- Elekto.
- Butono.
- Datalist.
- Keygen.
- Eligita.
