Html表单基础

来源:转载

表单:用户搜集用户的信息,比如登录表单的用户名、密码等。

这些信息会提交给服务器来验证。

input标记:

<!--下面这一句中不添加name的话,系统不会提交这个内容-->
<input type="text" name="username" size="20" disabled="true" value="tom"/>

type="text":文本输入框;

type="submit":提交按钮

type="reset":重置按钮

type="password":密码输入框

size="20":最多显示20个字符

name="username":相当于变量名

disabled="true":不可编辑

value="tom":默认值是tom。

form的method方式:

get:默认模式,提交的信息可以在URL中看到。

例如:file:///G:/Java/java_ee/first.html?username=123456&passwd=111111中

有两个变量名,username和passwd是代码中设置name属性的内容。

?username=后面的123456就是提交的用户名。

&passwd=后面的111111就是提交的密码。

post:这种模式提交的信息在URL中看不到。

代码:

<html><head><title>HTML表单基础</title><meta http-equiv="content-type" content="text/html; charset=utf-8"/></head><body><form method="get"><table border="0"><tr><td align="right">用户名:</td><td><!--下面这一句中不添加name的话,系统不会提交这个内容--><input type="text" name="username" size="20" disabled="true" value="tom"/></td></tr><tr><td align="right">密码:</td><td><!--下面这一句中不添加name的话,系统不会提交这个内容--><input type="password" name="passwd" size="20"/></td></tr><tr><td colspan="2" align="center"><input type="submit" value="注册"/><input type="reset" value="重置"/></td></tr></table></form></body></html>

界面如下:


分享给朋友:
您可能感兴趣的文章:
随机阅读: