2021/01/24
oj输入格式
- 题干
Calculate A + B.
Input
Each line will contain two integers A and B. Process to end of file.
Output
For each case, output A + B in one line.
Sample Input
1 1
Sample Output
2 - 代码
# include<stdio.h>
int main()
{
int a,b,sum;
while (scanf("%d%d",&a,&b) != EOF)
{
sum=a+b;
printf("%d\n",sum);
}
return 0;
}
html iframe元素
- 通常用于在网页中嵌入另一个页面
- 为可替换元素
- 具有行块盒的特点
<a href="https://www.baidu.com" target="myframe">百度</a>
<a href="http://www.taobao.com" target="myframe">淘宝</a>
<iframe name="myframe" src="https://www.baidu.com"></iframe>
在页面中使用flash
- object元素
- date书写要插入的flash的路径
- type书写类型
- MIME(Multipurpose Internet Mail Extensions):多用途互联网邮件类型
例如：
资源是一个jpg图片，MIME：image/jpeg
资源为flash，MIME：application/x-shockwave-flash
<object data="./example.swf" type="application/x-shockwave-flash"></object>
- embed元素
<embed src="./example.swf" type="application/x-shockwave-flash">
- 较为兼容的写法
若浏览器能识别object元素，则忽略embed，若不能识别object元素，则识别embed，embed不能作为object的子元素
<object data="./example.swf" type="application/x-shockwave-flash">
<param name="quality" value="high">
<embed quality="high" src="./example.swf" type="application/x-shockwave-flash">
</object>
html表单元素
- 指的是一系列元素，主要用于收集用户数据
input元素
- type属性：输入框类型
type：text，普通文本输入框
type：password，密码输入框
type：date，日期选择框
type：search，搜索框
type：number，数字选择框
type：checkbox，多选框
type：radio，单选框 - placeholder属性：显示提示的文本，文本框没有内容时显示
- value属性：输入框的值
- input元素可以制作按钮，type属性取值为reset、button、submit
<p>
<!--普通文本输入框-->
<input type="text">
</p>
<p>
<!--密码输入框-->
<input type="password" placeholder="请输入密码">
</p>
<p>
<!--日期选择框-->
<input type="date">
</p>
<p>
<!--搜索框-->
<input type="search">
</p>
<p>
<!--数字选择框-->
<input type="number">
</p>
<p>
<!--多选框-->
爱好：
<input name="loves" type="checkbox">
音乐
<input name="loves" type="checkbox">
电影
<input name="loves" type="checkbox">
阅读
<input name="loves" type="checkbox">
其他
</p>
<p>
<!--单选框-->
性别：
<input name="gender" type="radio">
男
<input name="gender" type="radio">
女
<!--为input元素添加name属性，表示name属性相同的为一组-->
</p>
<p>
<!--颜色选择-->
<input type="color">
</p>
select元素
- 下拉列表选择框
- 通常与option元素配合使用
- 布尔属性selected，表示默认选中
- optgroup元素，将下拉列表分组
- 布尔属性multiple，表示下拉列表可以多选
- label属性的内容，表示下拉列表的分类
<p>
<select name="" id="">
<option value="1">成都</option>
<option value="2" selected>西安</option>
<option value="3">北京</option>
<option value="4">重庆</option>
<option value="5">上海</option>
<option value="6">南京</option>
</select>
</p>
textarea元素
- 文本域，多行文本框
<textarea style="width: 200px; height: 200px;" name="" id="" placeholder="请输入内容"></textarea>
按钮元素
- button元素
- type属性：reset、submit、button，默认值submit
<button>
<p>Lorem ipsum dolor sit.</p>
</button>
表单状态
- readonly属性：布尔属性，是否只读，不改变表单显示样式
- disabled属性：布尔属性，是否禁用，会改变表单显示样式
与表单元素常连用的元素
- label元素
- 普通元素，通常配合单选和多选框使用
请选择性别：
<label >
<input type="radio" name="gender1">
男
</label>
<label >
<input type="radio" name="gender1">
女
</label>
- 可以通过for属性，让label元素关联某一个表单元素，for属性书写表单元素id的值
<input id="radmale" type="radio" name="gender1">
<label for="radmale">男</label>
<input id="radfemale" type="radio" name="gender1">
<label for="radfemale">女</label>
- datalist元素
- 数据列表
- 该元素本身不会显示到页面，通常用于和普通文本框配合
<p>
请输入你常用的浏览器：
<input list="userAgent" type="text">
</p>
<datalist id="userAgent">
<option value="Chrome">谷歌浏览器</option>
<option value="IE">IE浏览器</option>
<option value="Opera">欧鹏浏览器</option>
<option value="Safari">苹果浏览器</option>
<option value="Fire fox">火狐浏览器</option>
</datalist>
- form元素
- 通常，会将整个表单元素，放置form元素的内部，作用是当提交表单时，会将form元素内部的表单内容以合适的方式提交到服务器。
- fieldset元素
- 将表单元素分组
<div>
<fieldset>
<legend>账号信息</legend>
<p>
账号
<input type="text">
</p>
<p>
密码
<input type="password">
</p>
</fieldset>
<fieldset>
<legend>用户信息</legend>
<p>
姓名：
<input type="text">
</p>
<p>
性别：
<input id="rmale" type="radio" name="gender2">
<label for="rmale">男</label>
<input id="rfemale" type="radio" name="gender2">
<label for="rfemale">女</label>
</p>
<p>
年龄：
<input type="number" min="0" max="120">
</p>
</fieldset>
</div>
