Home >Web Front-end >HTML Tutorial >Dreamweaver makes drop-down menu with list values

Dreamweaver makes drop-down menu with list values

巴扎黑
巴扎黑Original
2017-08-12 15:14:226914browse

How to create a drop-down menu with list values ​​in Dreamweaver webpage? When designing a web page with Dreamweaver, you need to add a drop-down menu and add a list value to the drop-down menu. Let's take a look at the detailed tutorial below. Friends who need it can refer to

网. When making a web page, you need to select Men and women, so we need to add a drop-down menu. Today we will take a look at the tutorial on making a drop-down menu in dw.


  • Software name:

  • ##Adobe Dreamweaver CC 2017 v17.0 Chinese cracked version ( Crack patch attached) 64-bit

  • Software size:

  • 758MB

  • Update Time:

  • 2016-11-05

1. Open Dreamweaver first. If you have prepared the web page source file in advance, it will be fine. Directly click

File - Open to open your web page source file. If it does not exist, click File - New to create a new web page source file.

2.

The default for the newly created type is . If you have other needs, you can choose the page type and layout, etc., and click Create button.

3. After creating the new web page, on the design page, click

Insert-Form-Select (List/Menu),This way you can insert a selectable drop-down form.

4. Or there is an icon of the form option below the menu bar. Move the mouse over it to display "Select (list/menu)" and then

Click to insert drop-down menu.

5. Then pop up the interface where you need to enter the label's auxiliary function attributes.

ID fills in English or numbers

, and the label is the corresponding data of your drop-down menu. Title, such as address, gender, etc., fill in "gender:" here, and then click OK.

#6. When prompted whether to add a form label, select Yes and that’s it.

7. At this time, the

drop-down menu is inserted into the page

, click on the list value## below #, add content to your drop-down menu.

8. Jump out of the list value interface, Fill in the drop-down menu options

on the project label, for example, I want to make a drop-down menu for gender selection here. Just fill in the value and item label here.

9. Then click the plus sign, Add a new following label and value

, fill in both female. Then click the OK button.

10. Click the small icon pointed by the arrow on the interface, Select a browser

, click it, you can see the preview effect on the browser .

#11. You will be prompted whether to save the changes to the web page file. Select Yes and save it.

12. Then you can see the drop-down menu you made on the browser. Click the small drop-down arrow with the mouse to select. It is very simple. Come on, give it a try.

The above is the detailed content of Dreamweaver makes drop-down menu with list values. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn