博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML基础2 表单和框架
阅读量:7123 次
发布时间:2019-06-28

本文共 1934 字,大约阅读时间需要 6 分钟。

表单:

<form id="" name="" method="post/get" action"负责处理的服务端"><form>

id不可重复;name可以重复;get提交长度有限制,并且编码后的内容在地址栏可见,post提交无长度限制,且编码后长度不可见。

value  输入的值

disabled  否定input,使按钮失效,满足条件前不可点击

enable 使按钮可用

1.文本输入

文本框<input type="text" value="" />

密码框<input type="password" value="" />

文本域<textarea cols=""(字符多少) rows=""(几行高)></textarea>

隐藏域<input type="hidden" value="" />

2.按钮

提交按钮<input type="submit" value="提交" />  点击后转到form内的提交服务器的地址

重置按钮<input type="reset" value="重置" /> 

普通按钮<input type="button" value="登陆" />

图片按钮<input type="image" src="" />

3.选择输入

单选项按钮

<input type="radio" name="" checked="checked" value="" /> name值用来分组;value值看不见,是提交给程序用的;checked,设置默认选项。

复选框组

<input type="checkbox" />

文件上传

<input type="file" />

<lable for=""></lable>   标签为input元素定义标记,for属性与相关的id属性相同。

下拉列表框

<select size="" multiple="multiple">  size为1时,为菜单;>1时,为列表。  multiple为多选。

<option value="">内容1</option>
<option>内容2</option>
<option selected="selected">内容3</option>   selected,设为默认
</select>

框架

1.frameset

最外层的body换成frameset

<fameset rows="100",* frameborder="no">  上下分,第一行100,剩余为第二行;rows换成cols,为左右分。frameborder="no"去掉分割线

<frame src="页面地址" noresize="noresize">  noresize禁止窗口调整大小

<frame src="" scrolling="no">   scrolling="no"取消显示滚动条

</frameset>

2.iframe    在原来页面嵌入小窗口显示其他页面

<iframe src="其他页面的地址" frameborder="" scrolling="no"></iframe>

frameborder,边线。scrolling,滚动条。如果设置高和宽为0,则不显示,但是在后台会存在这么一个页面。

 

设计一个邮箱界面

无标题文档邮箱注册
邮箱账号
密码
确认密码
昵称
性别
身份证号
所在地
手机号
View Code

 

转载于:https://www.cnblogs.com/bilibiliganbei/p/5299627.html

你可能感兴趣的文章
使用Ceph集群作为Kubernetes的动态分配持久化存储
查看>>
SAP权限对象的校验
查看>>
# 关于“态势感知”产品活动体验
查看>>
《语义Web编程》一导读
查看>>
Django 模板
查看>>
JavaWeb实训项目案例开发之在线图书网站开发【非常适合初学者】
查看>>
Apache Flink 漫谈系列(08) - SQL概览
查看>>
使用免费OA系统,让你成为职场锦鲤
查看>>
京东测试之道,这些你早该知道!
查看>>
jQuery可放大预览的图片滑块
查看>>
SpringBoot连接Redis哨兵模式
查看>>
【WPF】ComboBoxItem的禁用
查看>>
HTML5_CSS3仿Google Play垂直菜单
查看>>
达观杯文本智能处理挑战赛 练手代码实现
查看>>
Tornado 简单入门教程(一)——Demo1
查看>>
Pgpool-II 最新小版本更新发布,PgSQL 负载均衡中间件
查看>>
数据传输加密方式总结
查看>>
U-Boot启动过程完全分析
查看>>
深入理解Java中的底层阻塞原理及实现
查看>>
shell编程之转义和引用
查看>>