3, Web-making Dreamweaver (Form form)

Source: Internet
Author: User

Form form

(Dashed lines do not appear)

1, the wording:

<form id= "Form1" Name= "Form1" method= "Post" action= "" >

</form>

1. Explanation

Name, ID custom, to find this block content

3. Content

(1) text box: You can set width,height

<label for= "Denglu" > name </label> ———— tags, can not be written, for easy looking

<input type= "text" name= "TextField" id= "TextField" value= "Hello"/> ——— value is a preset word

(2) Hidden fields

Temporary data must be stored in the form

<input type= "hidden" name= "HiddenField" id= "HiddenField"/>

Display in the design area:

(3) Text area

is a long text box that can be set width,height

<textarea name= "textarea" id= "textarea" cols= "rows=" 5 "></textarea>

(4) check box

<input type= "checkbox" name= "checkbox" id= "checkbox" checked= "Checked"/>

<label for= "checkbox" ></label>

*checked= "Checked" means that you have selected

(5) Radio Box

Change the name to the same name, you can achieve the single-selection effect (ID can not be changed to distinguish)

<input type= "Radio" name= "Radio" id= "Radio" value= "Radio"/>

<label for= "Radio" ></label>

<input type= "Radio" name= "Radio" id= "Radio2" value= "Radio2"/>

<label for= "Radio2" ></label>

<input type= "Radio" name= "Radio" id= "Radio3" value= "Radio3"/>

<label for= "Radio3" ></label>

<input type= "Radio" name= "Radio" id= "Radio4" value= "Radio4"/>

<label for= "Radio4" ></label>

radio Button Group:

<label>

<input type= "Radio" name= "RadioGroup1" value= "single Select" id= "Radiogroup1_0"/>

Radio </label>

<br/>

<label>

<input type= "Radio" name= "RadioGroup1" value= "single Select" id= "Radiogroup1_1"/>

Radio </label>

* Check the same radio

(6) SELECT list form

<label for= "Select" ></label>

<select name= "Select" id= "select" >

<option value= "1" selected= "selected" > Zhang San </option>

<option value= "2" > John Doe </option>

<option value= "3" > Harry </option>

</select>

(7) Jump Menu

<select name= "Jumpmenu" id= "Jumpmenu" onchange= "Mm_jumpmenu (' parent ', this,0)" >

<option> Project 1</option>

</select>

(8) Image field (clickable)

<input type= "image" Name= "ImageField" id= "ImageField" src= ". /.. /Two D code (1). jpg "/>

(9) File domain

<label for= "Filefield" ></label>

<input type= "File" Name= "Filefield" id= "Filefield"/>

(10) button

<input type= "Submit" name= "button" id= "button" value= "Submit"/>

*submit is submitted, reset is reset

(11) Label

<label></label>

(12) field set (a bunch of labels)

<fieldset>

</fieldset>

The text inside the hidden input box is displayed as "..." text box, input type= "password"

*<pre> preserves the writing source format

*<lable> can be quickly found in Web pages:

<lable accesskey= "U" for= "userid" >

<td><input type= "text" id= "userid"/></td>

<td>hello</td>

</lable> (the cursor in other areas, just click on the text box, or click Alt+u can also jump directly)

*<sub> Subscript <sup> Superscript

Head Tags:

*<base> the href location, target property (_blank or something else) for all hyperlinks

*<meta name= "keywords" content= " various keywords "> used to improve the search presentation rate of the homepage of the website, judging by the keywords (not used now)

*<meta http-equiv= "Refresh" content= "3;url=http://www.xxxx.com"/> Refresh Page Three seconds after automatically bouncing to a webpage (when no link is specified, the page itself refreshes)

Use of linked mailboxes in hyperlinks: <a href= "mailto:[email protected]?subject=xx&[email protected]"

3, Web-making Dreamweaver (Form form)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.