html的button怎么居中

html-css013

html的button怎么居中,第1张

如果你的button是button标签的话:<button id="btn">按钮</button>。

拓展:

1、<button>标签定义一个按钮。在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。<button>控件 与 <input type="button">相比,提供了更为强大的功能和更丰富的内容。<button>与 </button>标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。

2、例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。

html中button只是一个按钮的样式,默认没有提交表单的功能,而submit是表单的提交属性,可以实现将所在表单的数据进行的提交。

工具原料:编辑器、浏览器

一、button按钮

1、使用button设置一个按钮样式

<html>

<body>

<button type="button">Click Me!</button>

</body>

</html>

2、运行的结果如下

二、submit提交

1、使用submit进行表单的提交,代码如下:

<form action="form_action.asp" method="get">

  <p>First name: <input type="text" name="fname" /></p>

  <p>Last name: <input type="text" name="lname" /></p>

  <input type="submit" value="Submit" />

</form>

2、结果是点击提交按钮会将表单的值提交到制定的后台地址。

1、name : 表示按钮的名称,通常作为按钮标识进行使用。 <button name="btn">按钮</button>。

2、type : 表示按钮类型,通常与表单一起联用。reset : 重置按钮sumit : 提交按钮button : 普通按钮<button type="button">按钮</button>。

3、value : 表示按钮初始值,通常在js脚本中进行使用和修改。<button value ="点击">按钮</button>。

4、disabled :表示禁用按钮,使按钮不能点击<button disabled ="disabled">按钮</button>。