submitform

submit article to write about

by Imri Paloja

HTML

<form id="submitform" action="mailto:[email protected]?subject=eurobytes-tip-jar" method="post" enctype="text/plain" autocomplete="on"> 
     
		<input type="email" name="mail" value="" placeholder="[email protected]" validate autofocus>

		<input type="url" name="url" value="" placeholder="Source" style="width:96%;" required>

		<input type="text" name="text" value="" placeholder="Article quote" style="width:96%;"></input>

		<textarea type="text" name="remark" value="" placeholder="remark"></textarea>

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

CSS

#submitform {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    padding: 2px 3px;
    width: 450px;
}

#submitform textarea[type="text"] {
	width: 96%;
	height: 125px;
    overflow: auto;
}

input, textarea {
    border: 1px solid #CCCCCC;
    background-color: #F9F9F9;
    padding: 2px 3px;
    margin: 2px 3px;
    width: 50%;
    resize: none;
}

input[type="submit"] {
    width:20%;
    cursor: pointer;
}