热门关键字:
jquery > jquery教程 > html5 > 从建站到拿站 -- HTML表单

从建站到拿站 -- HTML表单

499
作者:管理员
发布时间:2020/6/5 17:49:41
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=1824
一线城市容不下自己的肉身,三四线城市容不下自己的灵魂。。。
---- 网易云热评
一、Form表单简介
表单是允许用户在表单中输入内容,比如用户名和密码,并将信息提交到服务器
二、简单表单
action:将输入框的内容提交到那服务器
method:提交方式,GET方式(有长度限制)和POST方式
<!DOCTYPE html> <!-- 有助于浏览器中正确显示网页 -->
<html> <!-- html页面开始标签 -->
<head>
<meta charset="UTF-8"> <!-- UTF-8编码 -->
<title>登录</title> <!-- 标签页显示的内容 -->
</head>
<body style="text-align:center;">
请输入用户名和密码
<form action="bucuo.php" method="get" target="_blank">
用 户 名: <input type="text" name="user">
密 码:<input type="password" name="pass1">
<input type="reset">
<input type="submit" name="submit" value="登录">
</form>
</body>
</html> <!-- html页面结束标签 -->
从建站到拿站 -- HTML表单
从建站到拿站 -- HTML表单
三、相关标签介绍
1、input标签
输入框和密码框
用 户 名:<input type="text" name="user">
密 码:<input type="password" name="pass1">
单选按钮
性 别:<input type="radio" name="sex1">男<input type="radio" name="sex2">女
多选按钮
爱 好:<input name="cg" type="checkbox">唱歌<input name="tw" type="checkbox">跳舞<input name="kdy" type="checkbox">看电影
文件上传按钮
头像上传:<input type="file" name="tx">
重置和提交按钮
<input type="reset">
<input type="submit" name="submit" value="提交">
2、textarea标签,文本域,可以输入多行内容
头像上传:<input type="file" name="tx">
从建站到拿站 -- HTML表单
从建站到拿站 -- HTML表单
3、iframe标签,内联框架,可以理解为在一个网页内又镶嵌了一个网页
src:设置框架内默认显示的网页
width:设置框架的宽度
frameborde:设置框架是否有边框
name:设置框架的标识名
scrolling:设置滚动条
http://192.168.1.129/html/zc.html" target="ay"> 注册
http://192.168.1.129/html/dl.html" target="ay"> 登录
<iframe src="http://www.baidu.com" name="ay" width="100%" frameborder="0"><iframe>
从建站到拿站 -- HTML表单
从建站到拿站 -- HTML表单
从建站到拿站 -- HTML表单
从建站到拿站 -- HTML表单
从建站到拿站 -- HTML表单
从建站到拿站 -- HTML表单
作业要求:新建两个HTML页面,一个注册页面,一个登录页面




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:HTML
友荐云推荐