HTML button action - How to create a HTML button action, size
This page shows how to make HTML button onclick and styling them using CSS into different colors and size.
How to create button action in HTML
Example 1:
The html cod above will display this HTML buttons onclick result:
<!DOCTYPE html>
<html>
<head>
<title>Title of button action</title>
</head>
<body>
<html>
<head>
<title>Title of button action</title>
</head>
<body>
<h2>Button onclick</h2>
<form action="/action_first_page.php" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<button type="submit">Submit</button><br>
<button type="submit" formaction="/action_second_page.php">Submit to another page</button>
</form>
</body>
</html>
HTML button onclick, button style
Button onclick
HTML button size - How to create button size
Example2:
This HTML code will produce the following result −
<!DOCTYPE html>
<html>
<head>
<title>HTML button size</title>
</head>
<body>
<button style="height:100px; width:200px; color:#3a87ad; font-size:18px;"> Your text here </button> /
<button style="height:80px; width:180px; color:red; font-size:16px; background-color:#FF6"> Your text here </button> /
<button style="height:60px; width:160px; color:brown; font-size:14px;"> Your text here </button>
</body>
</html>
<html>
<head>
<title>HTML button size</title>
</head>
<body>
<button style="height:100px; width:200px; color:#3a87ad; font-size:18px;"> Your text here </button> /
<button style="height:80px; width:180px; color:red; font-size:16px; background-color:#FF6"> Your text here </button> /
<button style="height:60px; width:160px; color:brown; font-size:14px;"> Your text here </button>
</body>
</html>
This HTML code will produce the following result −
|
|
HTML button action, how to create HTML button size
HTML button action - How to create a HTML button action, size - html tutorial
Online Editor
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
HTML Templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
CSS HTML Layout
Find here examples of creative and unique website layouts.
Free CSS HTML Menu
Find here examples of creative and unique website CSS HTML menu.