您的位置:首页 > 产品设计 > UI/UE

html部分---表单、iframe、frameset及其他字符的用法(以及name、id、value的作用与区别);

2016-10-30 10:31 627 查看
<form action="aa.html" method="post/get">


/action的作用是提交到..,methed是提交方法,用post地址不显示页面中表单name内容,用get地址显示提交的name的内容/





属性

/除了按钮之外必须要写name属性/

name:空间名称。

name:单独地在一个网页里面,一个控件是否设置它的 name 属性是不会影响到这个网页的功能实现的。但是,当我们需要把这个控件所关联的数据传递到数据库事,就必须要设置 name 属性,否则,这个值是没有办法传到服务器上面得到保存的。

id:会用在JavaScript的编程里面,代码举例:document.getElementById("XX"),意思是说,一个文件通过id号"XX"得到……,即是可以在客户端获取id号为"XX"文本框。

/按钮类的表单必须要写value/

[b] value:用户输入(或选择)的值[/b]

disabled="disabled" 不可用,也不提交;
hidden="hidden" 隐藏
readonly="readonly" 表示只读,不可写;
checked="checked" 用在单选复选里,表示默认选中;
selected="selected" 用在下拉列表,表示默认选中;

/*文本框*/

文本框<input type="text" name="yhm" value="hello"/><br />
密码<input type="password" name="mm" value="123"/><br />
隐藏域<input type="hidden" name="yc" value="qq"/><br />
文本域<textarea cols="30" rows="9"></textarea>/30个字符,9行/<br />


/*按钮类*/

提交按钮<input type="submit" value="提交"/><br />/提交按钮,按钮会提交当前页面所有数据,有限提交表单中的value,如果没有,则提交标签后的文字,提交到aa.html,用post的方法提交/

重置按钮<input type="reset" value="重置"/><br />/把当前页面重置/

图片按钮<input type="image" src="psb.jpg" width="60" height="60" value="tupian"><br />/也属于提交按钮,可以把当前页面提交到aa。html/

普通按钮<input type="button" value="普通"><br>


/*选择类*/

单选<input type="radio" name="sex"/>男<br />
<input type="radio" name="sex"/>女<br />/*name值相同是相同,不同是多选/

复选<input type="checkbox" name="aihao"/>音乐<br />
<input type="checkbox" name="aihao"/>体育<br />
<input type="checkbox" name="aihao"/>学习<br />

选择<select name="民族" size="1" >
<option value="001">汉族</option><br />
<option value="002">朝鲜族</option><br />
<option value="003">满族</option><br />
</select>


文件

<input type="file"/>




iframe嵌入新网页

<!-- 嵌入另外一个页面   -->
<iframe src="http:www.baidu.com" width="250" height="250" frameborder="0" scrolling="no"></iframe>

scroling表示滚动条、no表示没有;
frameborder 表示新添网页的边的宽度;
如果width height都为0,则看不到,但存在 (如病毒网站)


frameset:

<frameset cols="300,*">
<frame src="http:www.qq.com">
<frame src="http:www.baidu.com">
</frameset><noframes></noframes><!--左右嵌入两个页面,第一个页面占300,第二个页面占所有-->

<frameset rows="300,*">
<frame src="http:www.qq.com">
<frame src="http:www.baidu.com">

</frameset><!--上下嵌入两个个页面,第一个页面占300,第二个页面占所有-->


marquee

<marquee direction="left">滚动文字</marquee>  direction控制文字滚动方向  marquee做滚动效果;


<hr/>

<hr />  水平分割线


<mark></mark>

<span><mark>苹果</mark>公司发布iphone7,耳机遭到吐槽</span>  mark对关键字进行处理;


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐