PENGOLAHAN INPUT USER

WEB PROGRAMMING (PENGOLAHAN DATA DARI FORM)

 

Web menerima input dari user atau pengunjung menggunakan metode GET dan POST. GET akan mengirimkan data bersama dengan URL, sedangkan POST mengirimkannya secara terpisah.
User mengirimkan data input dengan mengisi teks atau pilihan pada attribut form html. Apa saja yang merupakan komponen form html diantaranya :

Form

<form action="action" base="">

form tags </form>

<form method="method">

form tags </form>

<form enctype="media" type="">

form tags </form>

<form action="action" base="" target="target window name">

form tags </form>

<form script="URL">

form tags </form>

Tampilan program

form tags

form tags

form tags

form tags

form tags

Note : target window name diisikan berupa:
_blank
_self
_parent
_top

Form Input Check Box

<input name="name" type="checkbox" value="value" /> <input checked="checked" name="name" type="checkbox" value="value" />

Tampilan program



Form Input File

<input accept="mime" list="" name="name" type="file" />

Tampilan program


Form Input Hidden

<input name="name" type="hidden" value="value" />

Form Input Image

<input name="name" src="URL" type="image" /> <input align="alignment" name="name" src="URL" type="image" />

Tampilan Program





Form Input Password

<input name="name" type="password" /> <input maxlength="length" name="name" type="password" /> <input name="name" size="size" type="password" /> <input name="name" type="password" value="value" />

Tampilan program
   

Form Input Radio Button

<input name="name" type="radio" value="value" /> <input checked="checked" name="name" type="radio" value="value" />

Tampilan program


Form Input Range
This is not supported in many browsers.

<input max="max" min="min" name="name" type="RANGE" /> <input min="min" name="name" type="RANGE" /> MAX=max VALUE=value&gt;

Tampilan program

MAX=max VALUE=value>

Form Input Reset

<input type="reset" />

Tampilan Program


Form Input Submit

<input type="submit" /> <input name="name" type="submit" /> <input type="submit" value="value" />

Tampilan Program 


Form Input Button

<input type="button" /> <input name="name" type="button" /> <input type="button" value="value" />

Tampilan program


Form Input Text

<input name="name" type="text" /> <input maxlength="length" name="name" type="text" /> <input name="name" size="size" type="text" /> <input name="name" type="text" value="value" />

Tampilan program
   

Form Select

<select name="name"> </select> <select multiple="multiple" name="name"> </select> <select name="name" size="size"> </select> <select height="height" name="name" src="URL" units="units" width="width"> </select>  content  content  content

Tampilan program
content content content

Form Text Area

<textarea cols="#" columns="" name="name" rows="#"> content </textarea>

Tampilan program