버튼, 숨겨진 태그 입력 이미지

Question

나는이 사이트에 버튼을 추가 할 계획입니다에 의심이 내 syntax.and입니다 그것은 다음과 같이 나타납니다

<button> <image src="add.jpg" width="50" height="10"/> </button> 

1) I 돈 회색 상자가 필요하지만 노란색 상자 만 필요합니다. 그것을 어떻게 성취합니까? = < 버튼> 태그 < 입력 타입의 차이가 무엇

2) (태그 외부 I 쓰는 경우 '추가 +'는 다음 회색 box.Hence 이미지이다 '+ 추가'. 나타남) 둘 다 버튼을 만들기 때문에 "image"> 태그가 있습니다. 내가 놓친 게 있니?

3) 무엇이 < 입력 유형 = "숨김">합니까? 예를 들어 줄 수 있습니까?

Answer 1

다음은 입력 유형 "숨김"에 대한 예제입니다. "실행 코드 스 니펫"을 클릭하면 숨겨진 입력 내용을 볼 수 있습니다.

Answer 2

1

<input type="hidden" value="iAmHidden"/>

) 나는 회색 상자 만 노란색 상자를 원하지 않는다. 을 어떻게 얻습니까?

그것은 당신이 버튼 스타일을하는 방법을 정의하는 당신까지 (내가 작성하는 경우 태그 밖에 '+ 추가는'다음은 회색 box.Hence '추가 +'이미지입니다. 나타납니다). 그냥 CSS로 모양을 수정하십시오. <button> 태그와 둘 다 버튼을 만들 수 있기 때문에 <input type ="image"> 태그의 차이가 무엇인지

2). 내가 놓친 게 있니?

그들은 기본적으로 동일한 종류의 요소를 만드는 두 가지 차이점이 있습니다. 개발자가 더 쉽게 사용할 수 있도록 button 요소가 도입되었습니다. 예 : 요소를 중첩 할 수있는 가능성

3) <input type="hidden">은 무엇을합니까? 예를 들어 줄 수 있습니까?

숨겨진 입력은 사용자에게 숨겨진 값을 저장하는 방법입니다. 예를 들어 서버 측 스크립트에 추가 양식 값을 게시하려는 경우

Answer 3

<input type="image"> 실제로 버튼을 만들지는 않으며 단지 클릭 가능한 이미지를 만듭니다. 솔직히별로 유용하지 않으며 브라우저의 동작이 브라우저간에 일치하지 않기 때문에 널리 사용되지 않습니다.

<button>을 사용하여 양식을 제출하면 해당 name 및 value 특성이 서버로 다시 전송됩니다. 이렇게하면 필요한 경우 클릭 한 단추를 알 수 있습니다.

<input type="image">도 양식을 제출할 수 있지만 그렇게하면 다른 결과가 발생합니다.보통 버튼과 같이 이름과 값을 전송하는 대신 브라우저는 이름과 이미지를 클릭 한 좌표를 전송합니다. 예를 들어 이미지의 왼쪽 상단 근처를 클릭하면 좌표가 (0, 0)에 가까워집니다. 어쨌든 자바 스크립트를 사용하여 클라이언트 측을 처리해야하는 대화식 맵과 같은 것이 어디인지 알고 싶을 수있는 유일한 상황이기 때문에 이것은 거의 쓸모가 없습니다.

크롬과 같은 일부 브라우저는 도이며 이름과 값은 <input type="image">입니다. 그러나 일부 브라우저에서만 그렇게하므로 대부분의 경우이 브라우저에 의존 할 수 없습니다. 내 질문은 항상 네거티브를 얻을 이유

Answer 4

.btn1{ 
 
    color:black; 
 
    background-color:yellow; 
 
    width:50; 
 
    height:50; 
 
    padding:5px; 
 
}

<button class="btn1">add+</button>