Open In App

jQuery Mobile Textinput Widget corners Option

Last Updated : 30 May, 2021
Improve
Improve
Like Article
Like
Save
Share
Report

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget corners Option to set the corner border radius of the input element.

Syntax:

$( ".selector" ).textinput({
    corners: boolean
});

CDN Link: First, add jQuery Mobile scripts needed for your project.

<link rel=”stylesheet” href=”//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css”>
<script src=”//code.jquery.com/jquery-1.10.2.min.js”></script>
<script src=”//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js”></script>

 

Example:

HTML




<!doctype html>
<html lang="en">
  
<head>
    <meta charset="utf-8">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1">
  
    <link rel="stylesheet" href=
"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  
    <script src="//code.jquery.com/jquery-1.10.2.min.js">
    </script>
  
    <script src=
"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">
    </script>
  
<script>
    $(document).ready(function () {
        $("#GFG").textinput({
            corners: false
        });
    });
</script>
</head>
  
<body>
<div data-role="page" id="page1">
    <div data-role="header">
        <h1>GeeksforGeeks</h1>
        <h3>jQuery Mobile Textinput Widget corners Option</h3>
    </div>
    <center>
        <div role="main" class="ui-content" style="width: 50%;">
            <label for="GFG">Enter Text:</label>
            <input type="text" name="Geeks" id="GFG" value="">
        </div>
    </center>
</div>
</body>
  
</html>


Output:

Reference: https://api.jquerymobile.com/textinput/#option-corners



Previous Article
Next Article

Similar Reads

jQuery Mobile Textinput Widget autogrow Option
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget autogrow Option to update the size of the textarea element. The size of textarea changes according to the content element. This option is used on
1 min read
jQuery Mobile Textinput Widget clearBtn Option
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget clearBtn Option to add a clear button to the input element when it set to true. Syntax: $( ".selector" ).textinput({ clearBtn: boolean }); CDN Li
1 min read
jQuery Mobile Textinput Widget defaults Option
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Textinput Widget defaults Option and set its value to true that indicates the other widgets options have default values and it causes autoenhancement code to omit the
1 min read
jQuery Mobile Textinput Widget disabled Option
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget disabled Option to disable the input fields if it set to true. Syntax: $( ".selector" ).textinput({ disabled: boolean }); CDN Link: First, add jQ
1 min read
jQuery Mobile Textinput Widget enhanced Option
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget enhanced Option that describes the markup necessary for a textinput widget that has been provided as part of the original markup. Syntax: $( ".se
1 min read
jQuery Mobile Textinput Widget keyupTimeoutBuffer Option
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Textinput Widget keyupTimeoutBuffer Option to set the amount of time (in milliseconds) to wait between the occurrence of a keystroke and the resizing of the textarea
1 min read
jQuery Mobile Textinput Widget mini Option
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget mini Option to display the compact version of the textinput fields. It displays the less vertical height size input fields. Syntax: $( ".selector
1 min read
jQuery Mobile Textinput Widget theme Option
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget theme option to set the color scheme for the text input widget. Syntax: $( ".selector" ).textinput({ theme: string }); CDN Links: First, add jQue
1 min read
jQuery Mobile Textinput Widget preventFocusZoom Option
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput widget preventFocusZoom option to prevent the device from focusing on the input element when the element receives the focus. Syntax: $( ".selector" ).te
1 min read
jQuery Mobile Button Widget corners Option
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Button Widget corners option to set the style of the button corner. This option accepts the boolean value. It sets the border radius if its value is true. Syntax:
1 min read