04002_HTML表单

1、表单标签

  (1)表单标签:所有需要提交到服务器的表单项必须使用<form></form>括起来;

  (2)from标签属性

    ①action:整个表单提交的位置,可以是一个页面,也可以是一个后台java代码;

    ②method:表单提交的方式(get,post,delete…等7种)。

 1 <!DOCTYPE html>
 2 <html>
 3 
 4     <head>
 5         <meta charset="UTF-8">
 6         <title>表单标签</title>
 7     </head>
 8 
 9     <body>
10         <form action="#" method="get">
11             隐藏字段:<input type="hidden" name="id" value=""/><br />
12             用户名:<input type="text" name="username" size="40px" maxlength="5"  placeholder="请输入用户名"/><br/> 
13             密码:<input type="password" name="password" required="required"/><br />
14             确认密码:<input type="password" name="repassword"/><br /> 
15             性别:<input type="radio" name="sex" value="男"/>16             <input type="radio" name="sex"/ value="女"><br />
17             爱好:<input type="checkbox" name="hobby"value="看书"/>看书
18             <input type="checkbox" name="hobby" value="睡觉"/>睡觉
19             <input type="checkbox" name="hobby" value="写代码" checked="checked"/>写代码<br />
20             头像:<input type="file" name="file"/><br/>
21             籍贯:<select name="province">
22                 <option >---请选择---</option>
23                 <option value="北京">北京</option>
24                 <option value="上海">上海</option>
25                 <option value="广州" selected="selected">广州</option>
26             </select><br />
27             自我介绍:
28             <textarea name="zwjs">
29                 
30             </textarea><br />
31             提交按钮:<input type="submit" value="注册"/><br />
32             普通按钮:<input type="button" value="zhuce"/><br />
33             重置按钮:<input type="reset" /> 
34     </body>
35 
36 </html>

  运行结果:

  

转载于:https://www.cnblogs.com/gzdlh/p/8133794.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值