表单 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <!-- 
 9             表单作用就是用来将用户信息提交给远程服务器                
10          -->
11          <!-- 
12             使用form标签创建表单
13                 form标签必须指定一个action属性，该属性指向的是一个服务器地址
14                 当我们提交表单时会提交到action属性对应的地址
15             
16           -->
17           <form action="66（续）target.html">
18             <!-- 
19                 使用form创建的仅仅是一个空白表单
20                     还需要向form中添加不同的表单项
21              -->
22              <!-- 
23                 使用input创建文本框，它的type属性是text
24                     如否希望表单项中的数据会提交到服务器中，还必须给表单项指定一个name
25                         属性，name表示提交内容的名字
26                         
27                 用户填写的信息会附在url地址后以查询字符串的方式发送给服务器
28                     url地址？查询字符串
29                 格式：
30                     属性名=属性值&属性名=属性值
31                 在文本框中也可以指定value属性值，该值作为文本框的默认值显示
32               -->
33               用户名<input type="text" name="username" id="" value="" /><br /><br />
34               
35               <!-- 
36                     密码框
37                         使用input创建密码框，type属性值时password
38                -->
39               密码<input type="password" name="password" id="" value="" />
40               <!-- 
41                 提交按钮可以将表单中的信息提交给服务器
42                 使用input创建一个提交按钮，它的type属性是submit
43                 在提交按钮中可以通过value属性指定按钮上的文字
44                -->
45                <input type="submit" name="" id="" value="提交" />
46           </form>
47           
48     </body>
49 </html>

使用form创建表单

　　form标签必须指定一个action属性，该属性指向一个服务器地址

　　　　提交表单时会提交到action属性对应的地址

　　form创建空白表单还需要向form中添加不同的表单项

　　　　使用input创建文本框，type属性是text

　　　　　　如果希望表单项中的数据会提交到服务器中，还必须给表单一个name属性，name表示提交内容的名字

　　　　用户名<input type="text" name="username" value="哈哈哈"/>
　　　　文本框中也可以指定value属性值，该值作为文本框默认值显示

　　　　用户填写信息会附在URL地址后以查询字符串的方式发送给服务器

　　　　　　url地址？查询字符串

　　　　格式：属性名=属性值&属性名=属性值

　　　　密码框

　　　　　　使用input创建密码框，type属性值是password

　　　　密码<input type="password" name="password" />

　　　　

　　　　提交按钮

　　　　　　使用input创建一个提交按钮，type属性是submit

　　　　　　在提交按钮中可以通过value属性指定按钮上的文字

 

　　　　　　

posted @ 2021-07-07 15:46  2237774566  阅读(51)  评论(0)    收藏  举报