HTML5的input

来源:互联网 发布:零售软件是什么 编辑:程序博客网 时间:2024/05/21 10:42
<!DOCTYPE html><html><head> <title>菜鸟教程</title></head><body><form action="demo-form.php">选择你喜欢的颜色:<input type="color" name="favcolor"><br><input type="submit"></form><form action="demo-form.php">生日:<input type="date" name="bday"><input type="submit"></form><br><form action="demo-form.php">生日(日期和时间):<input type="datetime"name="bdaytime"><input type="submit"></form><br><form action="demo-form.php">生日(日期和时间):<input type="datetime-local" name="bdaytime"><input type="submit"></form><br><form action="demo-form.php">E-mail:<input type="email" name="usermail"><input type="submit"></form><p><b>注意:</b>IE及更早的IE版本不支持</p><br><form action="demo-form.php">生日(月和年):<input type="month"name="bdaymonth"><input type="submit"><br><form action="demo-form.php">数量(1到5之间):<input type="number" name="quantity" min="1" max="5"><input type="submit"></form><br><form action="demo_form.php" method="get"><input type="number" name="points" min="0" max="10" step="3" value="6"><input type="submit"></form><p><b>这是从1到10然后3到6之间的数不能输入</b></p><br><form action="demo-form.php" method="get">Points:<input type="range" name="points" min="1" max="10"><input type="submit"></form><p><b>到滚动条</b></p> <br><form action="demo-form.php">Search Google:<input type="search" name="googlesearch"><br><input type="submit"></form><br><form action="demo-form.php">电话号码:<input type="tel" name="usrtel"><br><input type="submit"></form><br><form action="demo-form.php">选择时间:<input type="time" name="usr_time"><input type="submit"></form><br><form action="demo-form.php">添加主页:<input type="url" name="homepage"><br><input type="submit"></form><br><form action="demo-form.php">选择周:<input type="week" name="year_week"><input type="submit"></form></body></html>