HTML提交按钮的问题?

html-css010

HTML提交按钮的问题?,第1张

<!-- method代表接受方式 post/get

form action 属性规定当提交表单时,向何处发送表单数据。 -->

<form action="#" method="post"/>

<!--label复选框的光标方便用户选中,可加可不加。 -->

<label for="user">名字:</label><input type = "text" id="user" name="user" size="15" value="请写上你的用户名" maxlength="15"/></br>

<label for="title">标题:</label><input type = "text" id="title" name="title" size="25" value="请输入标题" maxlength="25"/></br>

<label for="content">内容:</label></br><textarea id="content" name="content" rows="9" cols="35" value="please" wrap="off"/></textarea></br>

<input type="submit" id="submit" name="submit" value="发布" />

<input type="submit" value="提交" style="width:80pxheight:100pxcolor:redbackground-color:#3FF">

type:只有当type的设置等于submit时,按钮才有提交的作用

Value:按钮上显示的文字

color:本来就只针对文本而言有作用。

要改变背景色要用:background:#ccc

要设置鼠标指针放在一个元素边界范围内时所用的光标形状,需要对元素的css属性cursor进行设置。cursor属性可能的值\x0d\x0a1、default\x0d\x0a默认光标(通常是一个箭头)\x0d\x0a2、auto\x0d\x0a默认。浏览器设置的光标。 \x0d\x0a\x0d\x0a3、crosshair\x0d\x0a光标呈现为十字线。\x0d\x0a\x0d\x0a4、pointer\x0d\x0a光标呈现为指示链接的指针(一只手)\x0d\x0a\x0d\x0a5、move\x0d\x0a此光标指示某对象可被移动。\x0d\x0a\x0d\x0a6、e-resize\x0d\x0a此光标指示矩形框的边缘可被向右(东)移动。\x0d\x0a\x0d\x0a7、ne-resize\x0d\x0a此光标指示矩形框的边缘可被向上及向右移动(北/东)。\x0d\x0a\x0d\x0a8、nw-resize\x0d\x0a此光标指示矩形框的边缘可被向上及向左移动(北/西)。\x0d\x0a\x0d\x0a9、n-resize\x0d\x0a此光标指示矩形框的边缘可被向上(北)移动。\x0d\x0a\x0d\x0a10、se-resize\x0d\x0a此光标指示矩形框的边缘可被向下及向右移动(南/东)。\x0d\x0a\x0d\x0a11、sw-resize\x0d\x0a此光标指示矩形框的边缘可被向下及向左移动(南/西)。 \x0d\x0a\x0d\x0a12、s-resize\x0d\x0a此光标指示矩形框的边缘可被向下移动(南)。\x0d\x0a\x0d\x0a13、w-resize\x0d\x0a此光标指示矩形框的边缘可被向左移动(西)。\x0d\x0a\x0d\x0a14、text\x0d\x0a此光标指示文本。\x0d\x0a\x0d\x0a15、wait\x0d\x0a此光标指示程序正忙(通常是一只表或沙漏)。\x0d\x0a\x0d\x0a16、help\x0d\x0a此光标指示可用的帮助(通常是一个问号或一个气球)。\x0d\x0a\x0d\x0a要实现鼠标移上去显示手形、需要在你的提交按钮上增加css cursor属性,并将它的值设置为pointer\x0d\x0a如下:

1.首首先我们要提交一个HTML页面的数据,需要一个按钮,我们常见的按钮有三种,分别是普通按钮、提交按钮、重置按钮,提交页面需要用到是提交按钮,提交按钮只要通过将input标签的type值设置为submit,如果我们需要给这个按钮命名的话,就添加一个value属性,属性值为你想设置的按钮名。2.当然,我们只是添加一个提交按钮,是没有办法传输数据的,这个时候,我们需要用到form标签,我们需要将需要传输的数据都包裹在form标签里面,然后我们在form标签里加上action属性,action属性的值为要跳转的页面的路径(关于页面路径,可以参考“如何指定图片路径”),此时我们点击提交按钮就可以实现页面的跳转了。3.接下来我们设置一下隐藏域,将input标签的type值设置为“hidden”,value值为需要存放的ID信息,最后设置一下name值即可。4.此时我们的提交方式是默认为“get”,即form标签中的method属性的值默认为“get”,我们也可以设置为“post”。此时我们需要了解一下关于get和post提交方法的区别,比较直观的一点就是,get请求的数据会附在URL之后,而post把提交的数据则放置在是HTTP包的包体中,还有就是post请求会比get请求的传送数据量大,安全性高。5.最后我们运行一下页面,然后点击提交按钮,跳转到另一个页面。

拓展:HTML是什么?

Html是超文本标记语言,是用来描述web文档的一种标记语言。使用标签作为页面的开始和结束部分:1、html通常被称为静态网页;2、HTML是带html或Htm扩展名的文件;3、HTML的一些标签代码规则将内容呈现在浏览器中;4、HTML可以使用记事本创建,并以.html或.htm为扩展名保存。