Style up my search form

Andrej · 2006-02-01 20:46:16

How to add class or id to the search form, I cant figure it out! Help :)

I looked up the search input tag attributes on textpattern.net, but there is no class or id I could set up. I want to style up the input box and the text ofcourse.

Last edited by Andrej (2006-02-01 20:47:37)

jdueck · 2006-02-01 21:09:20

I think what most people do is just create one manually instead of using txp tags.

so create one using the txp tags, then view source and paste the generated html for the search form into your page – and then add class, id or whatever you want.

deronsizemore · 2006-02-01 23:19:34

> jdueck wrote:

> I think what most people do is just create one manually instead of using txp tags.

so create one using the txp tags, then view source and paste the generated html for the search form into your page – and then add class, id or whatever you want.

That’s a good idea…can you do that with most txp tags?

jm · 2006-02-02 06:02:46

Why don’t you just add a fieldset (or other tag) with an id above it? For instance:
<code>
<fieldset id=“search”>
<txp:search_input label=“Search” wraptag=“p” />
</fieldset>
</code>

Then for the CSS:
<code>
#search input { width: 85px; background-color: #eee; }
#search input:focus { background-color: #FFE; }
/*et cetera */
</code>

Mary · 2006-02-20 01:45:00

If you add fieldset, don’t forget to add legend too (or your markup will be invalid). :)

Here’s a copy of the search form output if you really want to customize it:

<pre><code><form action=”<txp:site_url />” method=“get”>
<p>Search<br />
<input type=“text” name=“q” value=”“ size=“15” /></p>
</form></code></pre>

Textpattern CMS

Textpattern CMS support forum

#1 2006-02-01 20:46:16

Style up my search form

#2 2006-02-01 21:09:20

Re: Style up my search form

#3 2006-02-01 23:19:34

Re: Style up my search form

#4 2006-02-02 06:02:46

Re: Style up my search form

#5 2006-02-20 01:45:00

Re: Style up my search form

Board footer