HTML-表单-内联框架

1、 表单: 就是从客户端可以向服务器发送数据的.
表单中有许多可以输入或者选择的组件.
用户就可以在表单中输入信息,从而向服务器发送.
form标签表示一个表单,不显示
action=“向服务器端发送的地址”
method=“向服务器端发送数据方式” get/post
表单组件:
input
type=“text” 单行文本输入框
id:值要求唯一 自定义值
name:属性名可以重复 自定义值 向服务器端发送数据的键
value:提交的值
class:属性名可以重复 自定义值
size=“30” 列数
placeholder=“请输入账号” 提示信息 当输入内容后自动消失
readonly=“readonly” 只读
disabled=“disabled” 禁用组件 一旦组件被禁用了,值就不会向服务器端提交
type=“password” 密码框
type=“file” 文件选择 accept=".png,.jpg"过滤文件
type=“radio” 单选框
name相同为一组 一组之内只能选中一个
选择性组件,需要给默认值
表单提交时,只会提交选中的那一个
checked=“checked” 默认选中
多行文本域基本语法 文本域中的内容 </ textarea >
内联框架可以在一个窗口内嵌入一个子窗口,从而在子窗口中引入一个外部的页面

<form action="baidu.html" method="get">
			<label for="accountID">账号:</label>
			<input type="text" id="accountID" name="accont" value="123"
			size="20"placeholder="请输入账号"/><br>
			密码:<input type="password" name="password"/><br>
			附件:<input type="file" name="file" accept="" /><br>
			性别:<input type="radio" name="sex" value="" checked="checked" id="manid"/><label for="manid"></label>
			<input type="radio" name="sex" value=""/><br>
			
			课程:<input type="checkbox" name="course" value="java" checked="checked" />java
			<input type="checkbox" name="course" value="c" />c
			<input type="checkbox" name="course" value="html" />html
		</form>

淘宝注册表单 小练习

<img src="img/logo.gif">
		<img src="img/reg.gif">
		<form action="表单.html" method="get" >
		姓名:<input type="text" name="text" /><br>
		登录名:<</
  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值