이미지를 사용하여 제출 버튼의 스타일을 지정하려고 시도했습니다. CSS를 사용 하겠지만 버튼은 너무 복잡합니다. 버튼에 배경 이미지를 추가하려했지만 이미지의 위치가 잘못되었습니다. 또한이미지가있는 단추 스타일 지정 하시겠습니까?
<input type="image" src="myimage.png">
를 사용하여 시도하지만이 아닌 아아 그것은 작동하지 않도록 버튼을 제출했다. 나는보고 믿을만한 모든 것을 시도했지만 버튼을 폼을 제출하는 해결책을 찾을 수 없습니다. 감사. 단지 대신
<button type="submit"><img src="myimage.png"></button>
을 시도 예상대로
당신은 다른 제출 버튼 가능성이있다. 당신에게 가장 잘 맞는 것을 골라라.
이제 버튼 또는 사용 배경 - 이미지 사이의 이미지를 넣어 적절하게 위치를 선택할 수 있습니다. 케이스 누군가 fiddle
흠 .. 나는 놀고 무슨 일이 벌어 지는지 봅니다. 감사. –
안녕하세요, 당신이 옳았습니다. 이전에 시도했지만 PHP를 사용하고 있기 때문에 찾을 수없는 서버에 문제가있었습니다. 감사. –
@DraganMarjanovic은 적절하게 정렬 된 background.image를 살펴 봅니다. http://jsfiddle.net/wRtpR/. 다행히 도울 수있어;) – Christoph
<input type="image"> 경우 작동하지 않습니다하지만 난으로 쓴 코드 위의 댓글이 너무
고마워요. –
흠이 시도하지만 이미지가 잘못 정렬이며 '으로 완료되면 해제 ... 이미지 만 제대로 표시 <입력 유형 = "이미지"SRC = "myimage.png">' 하지만 그것은하지 않습니다 기능을 제출하십시오. –
여백, 테두리 및 안쪽 여백과 같은 특정 단추 스타일을 모두 무시하고 스타일의 잘못된 부분을 정확하게 보여주는 바이올렛을 게시하십시오. – fcalderan
는 CSS로 버튼 요소와 스타일을 사용하여 잘 작동합니다. 텍스트를 생략하지 마십시오. 양식은 accessible이거나 이미지 또는 CSS가 없어야합니다.
<input type="image">
<input type="submit">
<button></button> <!-- no type needed, since submit is the default type -->
이 모든 버튼을 제출 있습니다
<button type='submit'>Informative submit text</button>
button {
background-image:url('myimage.png');
}
Ive가이 버튼을 사용했는데 이미지가 항상 잘못 정렬 된 것처럼 보였습니다. 예를 들어 내 마진을 모두 0으로 설정했습니다. –
<input type="image" src="myimage.png">
또는
<input type="submit" style="background:url(myimage.png)">
가 최신 HTML5 좋은 대답해야 : 배경 이미지와 버튼
예
<button id='' name='' value='' ><img src='img.jpg' /></button>
'는 사실 제출 버튼 afaik – fcalderan