HTML5 form features

• New form features in HTML5
• New HTML5 features in Opera 11
• Example HTML5 Form with Feature Testing

Input types

search

tel

url

email

datetime

date

month

week

time

datetime-local

number

range

color

autofocus attribute

<input type="text" name="text" autofocus>

text

placeholder attribute

<input type="text" name="text" placeholder="sample text">

text

required attribute

<input type="text" name="email" required>

email

onforminput event handler

<textarea rows="3" cols="60" 
    onforminput="document.getElementById('counter').firstChild.nodeValue 
        = this.value.length"></textarea>
<span id='counter'>0</span>

0