HTML5新增表单属性与元素(一)
1.formaction属性:规定表单数据提交给谁处理
<!--formaction属性--> <h6>formaction属性:</h6> <form action="form.php" method="post"> 用户名:<input type="text" name="username" id=""/> <input type="submit" value="立即注册"/> <!--表单数据提交给doAction2.php处理--> <input type="submit" formaction="doAction2.php"/> </form> <!--该邮箱表单数据无法被提交--> 邮箱:<input type="email" name="email1"/>
2.type="search"属性:搜索框
<input type="search" name="keyword" id="keyword" value="" /> <input type="submit" name="" id="" value="搜索" />
3.formenctype属性:上传文件的格式
<input type="file" name="file" id="file" value="" formenctype="multipart/form-data"/> <input type="submit" name="" id="" value="上传" formaction="post" formaction="doUpload.php" />
4.target属性:规定打开窗口的方式
<!--在原来窗口打开--> <h6>target属性:在原来窗口打开</h6> <form action="doAction2.php" method="post" target="_self"> <input type="text" name="username" id="username" value="" /><br /> <input type="submit" value="提交"/> <!--新建窗口打开--> <h6>target属性:在新窗口打开</h6> <input type="submit" formtarget="_blank" name="" id="" value="提交2" /> </form>
5.autocomplete属性:自动填充输入的内容
<h6>autocomplete属性:自动填充输入的内容</h6> <form action="doAction2.php" method="post" autocomplete="on"> 用户名1: <input type="text" name="text" id="" value=""/> 密码: <input type="password" name="password" id="" value="" autocomplete="on" /> <input type="submit" value="登录"/> </form> <form action="doAction2.php" method="post" autocomplete="off"> 用户名2: <input type="text" name="text" id="" value=""/> 密码: <input type="password" name="password" id="" value="" autocomplete="on" /> <input type="submit" value="登录"/> </form>