Editing appearance of form button

[Nick E. Name]

I use the following to create a button:

<form><input type=button value="See the Site Map"
onClick="self.location='sitemap.htm'"></form>

Is there a way to edit the code to accomplish any of the following?

1. Make the displayed text a two-line value, e.g., "See the" on one
line and "Site Map" on a new line.

2. Render the button itself in a different size or colors.

3. Make the text a different font or size or color, etc.

4. Insert images in place of the text.

I don't think it matters, but I edit using FrontPage 2003 on an XP Pro
machine. I'm hoping for compatibility with at least IE and Firefox.

Thanks for any advice you have. If there's somewhere online that
explains all this, just let me know that. I've spent a long time
looking already.

 

[web.dev]

I use the following to create a button:

<form><input type=button value="See the Site Map"
onClick="self.location='sitemap.htm'"></form>

Is there a way to edit the code to accomplish any of the following?

1. Make the displayed text a two-line value, e.g., "See the" on one
line and "Site Map" on a new line.

No there is not. However, you can place a marker so that it can be
parsed to have a two-line value. e.g.

value = "See the|Site Map" or value = "See the\nSite Map"

2. Render the button itself in a different size or colors.

3. Make the text a different font or size or color, etc.

For #2 and #3, this can be accomplished through the use of CSS.

4. Insert images in place of the text.

Take out the text, and replace with an image. For example:

before:

Image to my right. Image here. Image to my left.

after:

 

[web.dev]

I use the following to create a button:

<form><input type=button value="See the Site Map"
onClick="self.location='sitemap.htm'"></form>

Is there a way to edit the code to accomplish any of the following?

1. Make the displayed text a two-line value, e.g., "See the" on one
line and "Site Map" on a new line.

No there is not. However, you can place a marker so that it can be
parsed to have a two-line value. e.g.

value = "See the|Site Map" or value = "See the\nSite Map"

2. Render the button itself in a different size or colors.

3. Make the text a different font or size or color, etc.

For #2 and #3, this can be accomplished through the use of CSS.

4. Insert images in place of the text.

Take out the text, and replace with an image. For example:

before:

Image to my right. Image here. Image to my left.

after:

 

[Hywel Jenkins]

I use the following to create a button:

<form><input type=button value="See the Site Map"
onClick="self.location='sitemap.htm'"></form>

Is there a way to edit the code to accomplish any of the following?

1. Make the displayed text a two-line value, e.g., "See the" on one
line and "Site Map" on a new line.

2. Render the button itself in a different size or colors.

3. Make the text a different font or size or color, etc.

4. Insert images in place of the text.

Why, if at all possible, would you do this with JavaScript? Try CSS.