form表单

1.表单概念

  • Form：为用户输入创建表单
  • 其中可包含文本框，密码框，单/复选框，列表框，按钮。
  • 表单常用于向指定的url提交用户数据。

Form基本结构
url:提交后跳转的页面
get或post 传送数据的方法
form元素是块级元素，其前后会产生换行

Form基本结构

<html>
<body>
<form action="URL" method="get或post">
表单元素
…
<input type="submit" value="提交">
<input type="reset" value="重填">
</form>
</body>
</html>

 

<form action="url页面" method="get" >
用户名：<input type="text" name="username"> <br/>
密 码：<input type="password" name="psd" maxlength=6>
<br/>
<input type="submit" value="提交">
<input type="reset" value="重填">
</form>

get方法提交数据会在地址栏中显示
get方法：跳转页面后用用问号"?“连接请求串
多个值(name)之间用单个”&"连接

2.1 文本框和密码框

value设置初始值，
maxlength=“8” ,输入的最大长度
placeholder=“长度8个字符”,占位提示(输入时消失)
获得焦点autofocus,autofocus="autofocus"简写

其他属性：

只读属性：readonly=“readonly”
禁用属性：disabled=“disabled”
自动填充属性：autocomplete=“on” (配合提交按钮)
**

2.2隐藏域
隐藏于在页面中对用户是不可见的。
目的：
收集信息以利于表单处理
程序使用。
提交数据时，有name值的隐藏域或其value值会一并提交

<form>
性别：
<label>
<input type="radio" name="sex" value="male" checked="checked"> 男
</label>
<label>
<input type="radio" name="sex" value="female"> 女
</label>
</form>

 

posted @ 2021-12-09 11:33  物联网2003齐树瑞  阅读(205)  评论(0)    收藏  举报