How could I put an image inside my HTMl part of the code
<input id="sendButton" type="button" value=<img src="sendbutton.jpg"> />
I thought this would work but when I run the website it just shows as text "img src />"
Is there any way I could do this?
What this is about is a send button for a chat application, initially I had
<input id="sendButton" type="button" value="Send" />
Which worked perfectly and showed the button as "Send", but I would love to use an image in there like twitter, instagram etc... does.
What you have is simplly broken/invalid HTML. If you want a button which contains an image, but the image inside of a button:
<button id="sendButton">
<img src="sendbutton.jpg">
</button>
If (less likely, but anything is possible) you want the value of an input to be an HTML string, it needs to be HTML-encoded:
<input id="sendButton" type="button" value="<img src="sendbutton.jpg">" />
You can try this basic syntax and then customize it
<button type="submit" id="sendButton"><img src="sendbutton.jpg"></button>
Related
I want an icon to go into an input submit button. I've tried the following, but it doesn't work. Any advice?
<input type="submit" name="submit" value="Submit" />
I wanna put the following in:
<i class="material-icons">star_rate</i>
There are various ways this can be done but according to your code just use
<button type="submit" name="submit"><i class="material-icons">star_rate</i></button>
I am working on a project, in which needs generation of bill. what is the code for which if we click a button then it will print a hard-copy for the user
try this:
<button onclick="window.print()">Print</button>
you can obviously use <a> or <input> and put onclick="window.print()" in there
You can do it using javascript...Try like this
<input type="button" value="Print This Page" onClick="window.print()" />
I have a "delete" icon with a relative position in the upper-right corner of a photo. When the icon is clicked, the photo should be deleted on the server.
According to HTTP conventions, this is a destructive action which should be done with POST. So a normal <img href> can not be used since it will cause a GET, which is more insecure.
What is the simplest way to make the icon perform a POST that does not exclude Internet Explorer 8? I am currently looking at:
<form method="post" action="script.php">
<img src="photo.jpg"/>
<input name="delete" type="image" src="/image/delete.png"/>
</form>
Or, is it acceptable to use a href in this situation?
(EDIT: Is it more acceptable when the script is only available to an authenticated administrator?)
you should use this code
<form method="post" action="script.php">
<button type="submit" style="background:photo.jpg"/>
<input name="delete" type="image" src="/image/delete.png"/>
</form>
so you can use your photo as background,because when you want submit a form you shold have a input or button whith type submit
<button type="submit" name="testsubmit" value="click"
style="border:none; background-color:transparent;">
<img src="button.png" alt="test image submit" />
</button>
hello all a quick question..
i am building a static html page, and would like to like one page to another using a button, now using a link is the easier option but i would like the effect of a button without any javascript going off..
so i would like to use a input button but it to link to a html page like an tag can href.
i was thinking along the lines of this example but without the js..
<form>
<input type="button" value="Read more" class="button" onclick="window.location.href='testimonials.html'">
</form>
this doesnt work but i am looking for this functionality?? is it possible?
Just submit the form to the URL.
<form action="testimonials.html">
<input type="submit" value="Read more">
</form>
… but buttons are supposed to do stuff. Links go places. Don't send people mixed messages, use a link.
you've misspelled "onclick" :)
EDIT: if you want to avoid javascript, you can create a button-like link with CSS:
Read More
Try this code:
<form>
<input type="button" value="Read more" class="button" onlick="window.location='testimonials.html'">
</form>
I have buttons on a page that look like:
<p>
<a href="view.php">
<input type="button" name="view" value="View Database" />
</a>
</p>
IE does not support these buttons or multiple buttons I am not sure which one. Does anyone know how to fix this to work with IE?
Embedding a button within an <a> tag is not normally done, and really doesn't make any sense. If you want your link to look like a button, then just use the <input> tag with some script on the onclick event, or use css to make your link look button-ish (start by using display:block or display:inline-block);
You can't put an input into the tag, instead, you can create a form, and change your button to a submit one. Then you can choose the target url in the form, like this:
<form action="view.php">
<input type="submit" name="view" value="View Database" />
</form>
I would recommend this over using javascript, because buttons are not designed for navigating a site. If you want to submit information, which is what they are used for, you won't be able to do it so cleanly using javascript.
What exactly are you trying to achieve? If you want a custom button to redirect to view.php, you can use onclick:
<input type="button" name="view" value="View Database" onclick="window.location.href='view.php';" />
or something similar.
<input type="button"
onclick="javascript:document.location='view.php';"
value="View Database"/>
Try with this ugly monster:
<input type="button" name="view" value="View Database" onclick="javascript:window.location='view.php'"/>