html5定制表单_动力节点Java学院清算

<form method="post" action=":8080/form"> <p><label for="name">Name: <input value="Adam" disabled id="name" name="name"/></label></p> <p><label for="password">Password: <input type="password" placeholder="Min 6 characters" id="password" name="password"/></label></p> <p><label for="fave">Fruit: <input value="Apples" id="fave" name="fave"/></label></p> <p><label for="color">Color: <input type="color" id="color" name="color"/></label></p> <input type="submit" value="Submit Vote"/> </form>

在chrome中的结果如下：

留意大大都赏识器都还没有为这种input元素提供出格的支持。

被潜匿的输入框

hidden型的input元素可以用来潜匿一个数据项，并在提交表单时将其发送给处事器（凡是是为了操作到这个成果）。

<form method="post" action=":8080/form"> <input type="hidden" name="recordID" value="1234"/> <p><label for="name">Name: <input value="Adam" disabled id="name" name="name"/></label></p> <p><label for="password">Password: <input type="password" placeholder="Min 6 characters" id="password" name="password"/></label></p> <p><label for="fave">Fruit: <input value="Apples" id="fave" name="fave"/></label></p> <input type="submit" value="Submit Vote"/> </form>

图像按钮

image型的input元素天生的按钮表现为一个图标，点击后提交表单。支持的属性包罗：
1）alt：提供元素的声名笔墨，对必要借助残障帮助技能的用户很有效；
2）formaction：同button元素；
3）formenctype：同button元素；
4）formmethod：同button元素；
5）formtarget：同button元素；
6）formnovalidate：同button元素；
7）height：以像素为单元配置图像的高度；
8）src：指定要表现的图像的URL；
9）width：以像素为单元配置图像的宽度；
 

<form method="post" action=":8080/form"> <input type="hidden" name="recordID" value="1234"/> <p><label for="name">Name: <input value="Adam" disabled id="name" name="name"/></label></p> <p><label for="password">Password: <input type="password" placeholder="Min 6 characters" id="password" name="password"/></label></p> <p><label for="fave">Fruit: <input value="Apples" id="fave" name="fave"/></label></p> <input type="image" src=http://www.jb51.net/html5/"accept.png" name="submit"/> </form>

点击图像按钮将提交表单，在提交的数据中会包括点击位置的坐标信息，因此可以让图像中的差异地区代表差异的操纵，然后按照用户在图像上的点击位置做出响应的回响。

上传文件按钮

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!