TIPOS DE BOTONES Botón marcable y submit DOCTYPE HTML
Anuncio
TIPOS DE BOTONES
Botón marcable y submit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Form radio button</title>
</head>
<body>
<form action="">
<input type="radio" name="sex" value="male"/>Hombre<br/>
<input type="radio" name="sex" value="female">Mujer<br/>
<input
type="radio"
name="sex"
value="maleFemale">TodoTerreno<br/>
<input type="submit" value="Submit">
</form>
</body>
</html>
Botón con varias opciones marcables y submit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Form checkboxes</title>
</head>
<body>
<form action="">
<input type="checkbox" name="muneca" value="barbie"/>Barbie<br/>
<input type="checkbox" name="muneca" value="dollie"/>Dollie<br/>
<input type="checkbox" name="muneca" value="bratz"/>Bratz<br/>
<input type="checkbox" name="muneca" value="monsterHight"/>Monster
Hight<br/>
<input type="checkbox" name="muneca" value="deTrapo"/>de Trapo<br/>
<input type="submit" value="Submit">
</form>
</body>
</html>
Lista desplegable y submit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Form Drop-Down List</title>
</head>
<body>
<form action="">
<select name="muneca">
<option value="barbie">Barbie</option>
<option value="dollie">Dollie</option>
<option value="bratz">Bratz</option>
<option value="monsterHight">Moster Hight</option>
</select>
<input type="submit" value="Submit">
</form>
</body>
</html>
Lista desplegable y submit guardando el valor
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Form Drop-Down List selected value</title>
</head>
<body>
<form action="">
<select name="muneca">
<option value="barbie">Barbie</option>
<option value="dollie">Dollie</option>
<option value="bratz" selected >Bratz</option>
<option value="monsterHight">Moster Hight</option>
</select>
<input type="submit" value="Submit">
</form>
</body>
</html>
Botón de encuesta con varias opciones, seleccionar uno, multiseleccion y cuadro para rellenar
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>button.</title>
<style>
</style>
</head>
<body>
<form action="">
<select name="cars" size="4" multiple="2">
<option value="noCar"> </option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi" selected="selected" >Audi</option>
</select>
<br/>
<textarea rows="3" cols="50">
The cat was playing in the garden.
</textarea>
<br/>
<input type="checkbox" name="vehicle" value="Bike"/>I have a bike<br/>
<input type="checkbox" name="vehicle" value="Car"/>I have a car <br/>
<input type="checkbox" name="vehicle" value="Tractor"/>I have a tractor <br/>
<input type="checkbox" name="vehicle" value="Ship"/>I have a ship <br/>
<input type="checkbox" name="vehicle" value="Patinete"/>I have a patinete<br/>
<input type="checkbox" name="vehicle" value="SubmarinoAmarillo"/>I have a
submarinoAmarillo<br/>
<br/>
Botón con click de enlace
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>button on click.</title>
<style>
</style>
</head>
<body>
<form action="">
<input type="button" value="button"
onclick="document.write('onclick')"
ondblclick="document.write('ondblclick')" >
<br/>
</form>
</body>
</html>
