从建站到拿站 -- HTML和CSS基础

一线城市容不下自己的肉身,三四线城市容不下自己的灵魂。。。

----  网易云热评

一、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页面结束标签 -->

三、相关标签介绍

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">

3、iframe标签,内联框架,可以理解为在一个网页内又镶嵌了一个网页

src:设置框架内默认显示的网页

width:设置框架的宽度

frameborde:设置框架是否有边框

name:设置框架的标识名

scrolling:设置滚动条

 

<a href="http://192.168.1.129/html/zc.html" target="ay"> 注册</a>

<a href="http://192.168.1.129/html/dl.html" target="ay"> 登录</a>

<iframe src="http://www.baidu.com" name="ay" width="100%" frameborder="0"><iframe>

 

 

作业要求:新建两个HTML页面,一个注册页面,一个登录页面

禁止非法,后果自负

欢迎关注公众号:web安全工具库

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

web安全工具库

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值