<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <!-- form标签一般会与input标签连用 --> <!-- action属性是跳转的路径 --> <!-- 路径分为结对路径和相对路径 --> <!-- 绝对路径:盘符开始到文件为止的一个路径 --> <!-- 相对路径是:源文件相对于目标文件的相对路径 --> <!--method属性:用来明确表单提交的方式 get post ,默认值是get--> <!--name属性:表单的名称--> <!--get请求:不是特别安全,会把用户信息暴露在地址栏 --> <form action="D:学习资料云计算总结第一天deom.html"method="post"name="register"> <!-- 我们以上一次写的标签1为例子 --> <!-- method后面post比gets相对安全 --> <!-- 我一般建议直接用绝对路径,因为这样可以防止你找文件的时候出现问题 --> <!-- D:学习资料云计算总结第一天deom.html这个就是绝对路径 --> <!-- ..第一天deom.html 这个是相对路径,这个需要在前加..--> 用户名:<input type="text"name="username"id=""><br> <!-- 目前name的作用是为了用于锚点的标记 id同理 --> 密码:<input type="password" name="password"><br> <p> 请输入性别<input type="radio" name="a" >man <input type="radio" name="a" >woman <!-- radio是单选格,如果后面name不加东西就是多选。如果加了这需要name的命名一样,如果不一样还是多选 --> </p> <p> 请输入邮箱:<input type="email"> 具体时间:<input type="time"> </p> <p> 出生日期:<input type="date"> </p> <p> <input type="hidden" value="诚科"> <!-- hidden是隐藏格式,用户是看不见的 --> </p> <p> 请输入爱好:<input type="checkbox" name="" >唱 <input type="checkbox" name="" >跳 <input type="checkbox" name="" >rap <input type="checkbox" name="" >篮球 <input type="checkbox" name="" >羽毛球 <!-- checkbox是多选格,后面不管name一样或者不一样都是可以多选的 --> </p> <input type="submit"> <!-- 提交 --> <input type="reset"> <!-- 重置 --> <input type="button" value="注册"> <!-- 按钮 --> <input type="image" src="" > <!-- 图片提交 需要用到src""这个是专门用来用来链接的,绝对路径你想放上去的图片--> <!-- 如果想把按钮名字改掉,这需要在后面加个value=“”在里面输入想改的名字 --> </form> </body> </html>
点了提交后就是标签1的内容了