Mkotla has Published 100 Articles

Execute a script when the element gets user input in HTML?

mkotla

mkotla

Updated on 23-Nov-2023 14:03:27

991 Views

Use the oninput event attribute to trigger when an element gets user input. You can try to run the following code to implement oninput attribute − Example           Write your name below:                            function display() {             var p = document.getElementById("myid").value;             document.getElementById("test").innerHTML = "Your answer is " + p;          }          

Convert HTML5 into standalone Android App

mkotla

mkotla

Updated on 20-Nov-2023 12:13:12

1K+ Views

Steps Follow the below-given steps to convert HTML5 into standalone Android App You need to first create an Android app using Eclipse. Move HTML code to /assets folder −The Assets provide a way to include arbitrary files ... Read More

Role of CSS :in-range Selector

mkotla

mkotla

Updated on 30-Jun-2020 11:12:18

79 Views

Use the CSS :in-range selector to style elements with a value within a specified range. You can try to run the following code to implement the :in-range selector −ExampleLive Demo                    input:in-range {             border: 3px dashed orange;             background: yellow;          }                           The style only works for the value entered i.e. 9    

What is a CSS Selector?

mkotla

mkotla

Updated on 30-Jun-2020 09:45:26

597 Views

The selectors in CSS are patterns to select the element to style.Let us see the key selectors in CSS −SelectorDemoDescription class.demoSelects all elements with class="demo"#id#myidSelects the element with id="myid"**Used to select all the elements

CSS Text Shadow

mkotla

mkotla

Updated on 29-Jun-2020 10:59:24

227 Views

CSS3 added shadow effects to text, with the text-shadow property. You can try to implement the following code to add text shadow −ExampleLive Demo                    h1 {             text-shadow: 2px 2px;          } ... Read More

Set the border image as rounded, repeated and stretched with CSS

mkotla

mkotla

Updated on 29-Jun-2020 08:04:38

182 Views

The border-image-repeat property is used to set the border image as rounded, repeated and stretched with CSS.ExampleYou can try to run the following code to implement the border-image-repeat property:Live Demo                    #borderimg1 {             border: 15px ... Read More

Perform Animation on CSS font property

mkotla

mkotla

Updated on 25-Jun-2020 13:16:21

108 Views

To implement animation on font property with CSS, you can try to run the following code:ExampleLive Demo                    p {             border: 2px solid black;             width: 400px;             height: 100px;             animation: myanim 5s infinite;          }          @keyframes myanim {             70% {                font: 35px arial, sans-serif;             }          }                     This is demo text    

Animate CSS column-rule property

mkotla

mkotla

Updated on 25-Jun-2020 13:00:56

144 Views

To implement animation on the column-rule property with CSS, you can try to run the following code:ExampleLive Demo                    div {             width: 600px;             height: 300px;       ... Read More

Apply style to the parent if it has a child with CSS and HTML

mkotla

mkotla

Updated on 25-Jun-2020 08:07:06

480 Views

Parent selectors are not present in CSS3. There is a proposed CSS4 selector, $, to do so, which could look like this (Selecting the li element) −ul $li ul.sub { ... }As an alternative, with jQuery, a one-liner you could make use of would be this. The: has() selector selects ... Read More

Style input type button with CSS

mkotla

mkotla

Updated on 24-Jun-2020 06:12:18

4K+ Views

The input type button can be a submit button or reset button. With CSS, we can style any button on a web page.You can try to run the following code to style input type button:ExampleLive Demo                    input[type=button] {   ... Read More

1 2 3 4 5 ... 10 Next
Advertisements