form_input1

first form

by jeanmichelricher

HTML

<form name="input1" action="" method="post">

    <label>Nom</label>
    <input type="text" name="nom" id="nom" value="" />
    <br />
  
    <label>Prénom</label>
    <input type="text" name="prenom" id="prenom" value="" />
    <br />
  
    <br />
    <label>&nbsp;</label>
    <input type="submit" value="Soumettre" onclick="return _input1();"
</form>

CSS

* {
    font-family: sans-serif;
    font-size: 12px;
}
form {
    width: 500px;
    margin: 10px auto;
    background-color: wheat;
    padding: 10px;
}

label {
    float : left;
    width: 200px;
    text-align: right;
    padding-right: 10px;
    color: #888;
    margin-top: 4px;
}

br {
    clear: both;
}

input[type=submit] {
    background-color: darkgreen;
    color: white;
    border: 1px solid darkgreen;
    padding: 5px;
}

JavaScript

function _input1() {
	var nom = $.trim( $( "#nom" ).val() );
  	var prenom = $.trim( $( "#prenom" ).val() );
  	alert( "Bonjour " + prenom + " " + nom );
}