Archive

- Posts Tagged ‘input element’

Great Post: Float Labels with CSS

Here is a great post on CSS Tricks about new design trick with label and Input field. The design look neat and cool. It is saving of space without being cluttered. Label is mixed with Input field as it seems. New Design Tricks on Roll: Labeling input field On CSS-Tricks,… (Continue)

Add Input Fields Dynamically to Form Using JavaScript

Here you will get working code for adding input fields dynamically using a link or button. Default number of input fields are provided and you want to give users a option to add more input elements then this script will work. Be it Input box field, Textarea or any other… (Continue)

JavaScript: Default Values in Input Elements

This script provides input help to users going to fill a form on your website. Sometimes you will see a tool-tip for each input-box or you see a default text is already entered in box to understand what should go inside the input box. This script is to provide a… (Continue)

Form Input Validation Technique in PHP

I am sure you have written form's input field validation code using your server side scripts. Form validation is most common code we have to write. We generally validate our form for name, age, sex, phone, email and others. For these fields, if we get little complex validation we start… (Continue)

Select all from textarea/ text input on onclick event

Here when an user click on a text link "select all", all the contents of the textarea will be highlighted. You can use onclick event directly on textarea also. <script type="text/javascript"> function select_all(element1) { // first set focus document.frm1.elements[element1].focus(); // select all contents document.frm1.elements[element1].select(); } </script> <form name="frm1"> <a href="#"… (Continue)