CARVIEW

MOTORHOMES

Select Language

HTTP/2 301 date: Fri, 26 Dec 2025 15:16:19 GMT content-type: text/html; charset=UTF-8 location: https://jqueryui.com/button/ server: cloudflare cache-control: public, max-age=14400 x-powered-by: PHP/8.2.29 vary: X-Forwarded-Proto, accept-encoding reporting-endpoints: csp-endpoint="https://csp-report-api.openjs-foundation.workers.dev/" content-security-policy: default-src 'self'; script-src 'self' code.jquery.com download.jqueryui.com; style-src 'self' 'unsafe-inline' code.jquery.com download.jqueryui.com; style-src-attr 'unsafe-inline'; img-src 'self' data: code.jquery.com download.jqueryui.com; connect-src 'self' typesense.jquery.com; font-src 'self' data:; object-src 'none'; frame-ancestors 'none'; base-uri 'self'; block-all-mixed-content ; report-to csp-endpoint; report-uri https://csp-report-api.openjs-foundation.workers.dev/; form-action 'self' download.jqueryui.com; x-redirect-by: WordPress cf-cache-status: MISS expires: Fri, 26 Dec 2025 19:16:19 GMT cf-ray: 9b4189e2ccb93585-BLR HTTP/2 200 date: Fri, 26 Dec 2025 15:16:20 GMT content-type: text/html; charset=UTF-8 server: cloudflare cache-control: public, max-age=14400 vary: Accept-Encoding vary: X-Forwarded-Proto x-powered-by: PHP/8.2.29 reporting-endpoints: csp-endpoint="https://csp-report-api.openjs-foundation.workers.dev/" content-security-policy: default-src 'self'; script-src 'self' code.jquery.com download.jqueryui.com; style-src 'self' 'unsafe-inline' code.jquery.com download.jqueryui.com; style-src-attr 'unsafe-inline'; img-src 'self' data: code.jquery.com download.jqueryui.com; connect-src 'self' typesense.jquery.com; font-src 'self' data:; object-src 'none'; frame-ancestors 'none'; base-uri 'self'; block-all-mixed-content ; report-to csp-endpoint; report-uri https://csp-report-api.openjs-foundation.workers.dev/; form-action 'self' download.jqueryui.com; link: ; rel="https://api.w.org/" link: ; rel="alternate"; title="JSON"; type="application/json" content-encoding: gzip cf-cache-status: BYPASS expires: Fri, 26 Dec 2025 19:16:20 GMT cf-ray: 9b4189e77e8e3585-BLR Button | jQuery UI

jQuery UI

Button

Enhances standard form elements like buttons, inputs and anchors to themeable buttons with appropriate hover and active styles.

Examples

Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.

Buttons can be styled via the button widget or by adding the classes yourself. This avoids the JavaScript overhead if you don't need any of the methods provided by the button widget.

view source

	
		
				
				
				
				
					<!DOCTYPE html><html lang="en"><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Button - Default functionality</title>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
  <script src="https://code.jquery.com/ui/1.14.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( ".widget input[type=submit], .widget a, .widget button" ).button();
    $( "button, input, a" ).on( "click", function( event ) {
      event.preventDefault();
    } );
  } );
  </script>
</head>
<body>
<div class="carview.php?tsp=widget">
  <h1>Widget Buttons</h1>
  <button>A button element</button>
 
  <input type="submit" value="A submit button">
 
  <a href="#">An anchor</a>
</div>
<h1>CSS Buttons</h1>
<button class="ui-button ui-widget ui-corner-all">A button element</button>
 
<input class="ui-button ui-widget ui-corner-all" type="submit" value="A submit button">
 
<a class="ui-button ui-widget ui-corner-all" href="#">An anchor</a>
 
 
 
 
</body></html>

				
			

	

Want to learn more about the button widget? Check out the API documentation.

Original Source | Taken Source