Five tips for div css page layout

PHP中文网
Release: 2018-09-27 16:04:21
Original
1587 people have browsed it

this chapter will introduce you to five tips on div css page layout. it has certain reference value. friends in need can refer to it. i hope it will be helpful to you.

1. mobile selection for form text input:

in the text input field, if a prompt is added, visitors often have to use the mouse to select and then delete it. , and then enter useful information. in fact, as long as you add onmouseover="this.focus()" onfocus="this.select()" code to

<textarea name=textarea wrap=virtual rows=2 cols=22 onmouseover="this.focus()" onfocus="this.select()">
input english..</textarea>
Copy after login

similarly, you can add code to .

2. click to delete the form input unit:

this column has the same function as the above, but there are slight changes when using the mouse. you need to click instead of the previous one. otherwise, it only needs to be covered by the mouse. for example:

<input type=text name="address" size=19 value="enter,e-mail..."onfocus="this.value=''">
Copy after login

after clicking the input unit, the prompt information will be deleted, isn't it very convenient?

3. border settings of form input units:
changing the traditional form unit borders will make your homepage more colorful. for example:

<input type=radio name=action value=subscribe checked style="border-bottom: dashed 1px; 
border-left: dashed 1px; border-right: dashed 1px; border-top: dashed 1px;background-color: #fef5c8">
Copy after login

among them, "style=***" is the left, right, top, bottom and background color settings. it is applicable to other units. readers are asked to try it themselves.

4. text setting of form input unit:
the font of the unit in the form can be modified, such as:

<input type=text name="address" size=19 value="enter,e-mail..." 
style=font-family:"verdana";font-size:10px >
Copy after login

5. modify the form properties to a pop-up window:

after most forms are activated, they will be opened in the current page, affecting normal browsing. it is better to modify it, such as:

<form method=POST action=url target=_blank>
Copy after login

where "target=_blank" controls opening in the pop-up window.

the above is the content of five tips for div css page layout. for more related content, please pay attention to the php chinese website (www.php.cn)!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template