Html 같은 역할을 하는 버튼를 작성하는방법에 무엇이었을까요?

Html 링크를 만들 수 있는 버튼 같은 역할을 하고 싶다. 따라서 이 페이지에 리디렉션합니다 버튼을 클릭하면. 내가 좋아할 수 있도록 최대한 접근할 수 있다.

또한, i would like it 관련 추가 URL 에 따라서 aren& # 39 는 문자 또는 매개변수입니다.

이를 어떻게 해야 합니까?

그 대답을 토대로 게시하기를 현재 나는 지금까지 이렇게:

<form method="get" action="/page2">
    <button type="submit">Continue</button>
</form>

그러나 문제는 이런 에로남이네 [사파리] 에서 [1] 및 [Internet&amp, nbsp, Explorer], 2 새롭게 물음표 문자 끝까지 uirl. # 39, t 추가 doesn& 데릭쉐퍼드와 해결책을 찾을 수 있는 모든 문자를 끝으로 uirl.

두 가지 다른 해결 방법은 다음과 같습니다. 링크 또는 스타일을 찾기 위해 JavaScript 를 사용하여 같은 버튼를.

Javascript 를 사용하여:

<button onclick="window.location.href='/page2'">Continue</button>

그러나 이 분명히 单捞磐啊 자바스크립트, 이러한 이유로 접근할 수 있는 화면 판독기에서 적다. 링크 요점이지 다른 페이지로 갈 수 있다. 그래서 버튼 act like a link 가 잘못된 솔루션이므로 만들려고 합니다. 내 제안에 에로남이네 콩지름에 링크와 스타일 迈向 여바바 like a 버튼를.

<a href="/link/to/page2">Continue</a>

[1]: http://en.wikipedia.org/wiki/Safari_% 28web_browser% 29

Community
편집된 질문23일 5월 2017 в 12:03
프로그래밍
button html hyperlink anchor htmlbutton
25일 5월 2010 в 4:39
193 파운드
질문에 대한 의견 (5)
해결책

HTML

이 방법은 넣어, 'a', '일반 HTML &lt form&gt 거짓하여 원하는 대상' 작업 '에 속성용 uirl 지정할 수 있습니다.


    <input type="submit" value="Go to Google" />

필요한 경우 세트 CSS '디스플레이: 인라인, 양식을 간직하고 있는 주변 흐름 '에 대해 살펴보자. 대신 ',' 위의 예에서 입력 유형 = &quot submit&quot &gt <;;;;; 단추 유형 = &quot submit&quot &gt &lt 사용할 수도 있습니다. ','. 이 ',' 요소, 유일한 차이점은 &lt button&gt 수 있다.

39; d '&lt you& 직관적으로 사용할 수 있을 것으로 기대하고 있다. (http://google.com)', '와 같은, 버튼를 href = &quot &quot, &gt &lt a&gt, 안타깝게도 이 속성이 존재하지 않는, 아니, 따르면' 요소 [html 사양명세] [1].

CSS

Css 는 단순히 ',' 를 사용할 수 있는 경우, 버튼을 같이 &lt a&gt 스타일을 사용하여 다른 사람에게 속성 중 '모양새' ([국한됨 Internet&amp, nbsp, Explorer 지원은 현재 (7월 2015년) 여전히 열악한] [3]).

<a href="http://google.com" class="button">Go to Google</a>

&lt &gt! - -;;

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}

그 중 하나를 선택하거나 CSS 와 같은 많은 라이브러리보다는 [부트스트랩에] [4].

<a href="http://google.com" class="btn btn-default">Go to Google</a>

JavaScript

Javascript 가 빈다우드로카션.흐레프 설정할 경우, '수'.

<input type="button" onclick="location.href='http://google.com';" value="Go to Google" />

[1]: https://www.w3.org/TR/html5/forms.html # 버튼을 요소점

[3]: http://caniuse.com/ # 성과 = css 모양 [4]: http://getbootstrap.com/css/ # 곷떒

해설 (20)

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;


         www.example.com

끝 - &lt 스니핏 >;!

참고로, ',' 속성 유형 = &quot button&quot 것도 중요하지만, 이후 [그 값을 누각되었습니다 기본값: [onsubmit 버튼를 스테이드] [1].

[1]: # 버튼을 요소점 https://www.w3.org/tr/2011/wd-html5-20110525/the-button-element.html

French Boiethios
편집된 답변11일 10월 2019 в 3:57
해설 (10)

39 의 경우 it& 시각적 모양, 기본적인 HTML 앵커 태그에 # 39 you& 버튼를 re 찾는 사용할 수 있습니다 다음 트위터 부트스트랩에 다음 중 하나를 포맷하십시오 프레임워크입니다 HTML / 버튼을 누르면 나타나는 일반적인 유형 링크. 참고 시각 차이를 버전 2, 3 ~ 4 개의 틀:

<a class="btn" href="">Link</a>
Button
<input class="btn" type="button" value="Input">
<input class="btn" type="submit" value="Submit">

부트스트랩에 (v4) 샘플링합니다 모양.

견본입니다 부스트라프 v4 의 곷떒!

[부트스트랩에 (v3)] [4] 샘플링합니다 모양.

견본입니다 부스트라프 v3 의 곷떒!

[부트스트랩에 (v2)] [6] 샘플링합니다 모양.

견본입니다 부스트라프 v2 의 곷떒!

[4]: https://getbootstrap.com/docs/3.3/css/ # 곷떒

[6]: http://getbootstrap.com/2.3.2/base-css.html # 곷떒

Bern
편집된 답변31일 10월 2017 в 4:56
해설 (1)

사용:

<a href="http://www.stackoverflow.com/">
    Click me
</a>

Html5 의 죄송합니다. 수정표시 부적합해진 것으로, 이 일을 항상 괜찼습니다 검증하십시오 disk_b_s10database 있는 것으로 나타났다. 다른 외곽진입 사용합니다.

해설 (4)

Html5, vmware. 곷떒 포르막션 '는' 속성. 무엇보다도, 아니 Javascript 또는 속임수 필요하다.

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;


  Go to Stack Overflow!

끝 - &lt 스니핏 >;!

  • 시 *
  • 둘러싸여 있어야 하며, ',' &lt form&gt 것이다.
  • ',' 방식의 &lt button&gt submit&quot &quot 합니다;;; # 39, t (또는 미지정을), I couldn& 이해했소 문자 작업 &quot button."; 아래에 있는 지점임 시작합니다.
  • 기본 동작을 재정의됩니다 양식의. 즉, 이렇게 될 경우 다른 양식을 인사이드라면 it& # 39 의 인해 한 것이다.

참조: # 속성 포르막션 https://developer.mozilla.org/en-us/docs/web/html/element/button 브라우저 지원: # Browser_compatibility https://developer.mozilla.org/en-us/docs/web/html/element/button

S.M.
편집된 답변2일 4월 2018 в 1:30
해설 (12)

그것은 아주 간단한 스튜어리 사용하지 않고 어떤 형태로든 요소. 그냥, lt, a&gt &amp 사용할 수 있습니다. 함께 태그를 버튼를 δ1:).

다음과 같습니다.

<a href="http://www.google.com" target="_parent">Click me !</a>

또 href 꽂으십시오 읽어들입니다 동일한 호출이네요 새 페이지 스맥랜드의? ',' 대상 = &quot _blank&quot 됩니다.

  • 편집할지 *

몇 년 뒤, 여전히 많은 반면, 내 마음을 CSS 를 사용할 수 있는 솔루션을 작동됨 적용부 원하는 대로 보여야 한다. 이 그냥 빨리.

Lucian Minea
편집된 답변27일 8월 2019 в 10:09
해설 (4)

사용하는 경우, , δ1 양식, 추가 속성 유형 = &quot reset&quot 함께 버튼를 요소. 양식이 되지 않았다.


    www.example.com
해설 (0)

세 가지 방법을 통해 이 문제를 해결할 수 있을 것 같습니다. (모두 장단점이 함께).

솔루션 1: 버튼 형식으로.


    Continue

그러나 문제는 이런 에로남이네 일부 버전의 인터넷 익스플로러, 크롬, 사파리, 브라우저 등 인기 캐릭터 자도으로 물음표 (?) 이 끝까지 uirl. 그래서 즉 해당 url 을 다니엘을 그들위에 코드의 보았으매 다음과 같습니다.

http://someserver/pages2?

There is one way) 이 문제를 해결하려면 서버 구성 할 것. 예를 들어 약간만이라도 사용하는 Apache Mod_rewrite 리디렉션하지 해당 url 을 사용하여 모든 요청을 후행 '?' 없이 '?'. Htaccess 사용한 예는) 이 있는데, 이것은 전체 스레드할 here:

RewriteCond %{THE_REQUEST} \?\ HTTP [NC]
RewriteRule ^/?(index\.cfm)? /? [R=301,L]

웹 서버 및 스택할 사용되는 유사한 구성을 따라 달라질 수 있습니다. 이 때문에 요약에는 외곽진입:

장점:

  1. 이것은 대단한 버튼, 의미상 공감하는.
  2. 실제 버튼를 있기 때문에, 또 실제 버튼를 처럼 행동하는 (예를 들어, 스페이스바를 누르면 활성화되어 비헤이비어를 드래그할 수 있는 기능 및 / 또는 한다).
  3. 아니, 아니 복집한 JavaScript 스타일입니까 필요합니다.

단점:

  1. 일부 브라우저에서는 '?' 는 그 뒤를 이었다. 이 해킹을 통해 해결할 수 있습니다 (경우에 따라) 를 얻을 수 있는 방법이 있지만, 대신 게시물로의 청소하십시오 서버측 리디렉션할. 그러나 이 경우 추가 발생할 것이라는 게 HTTP 서버 측 함께 리디렉션하십시오 호출하십시오 링크 슬픔으로창백해지고 304 리디렉션할.
  2. ',' 요소 추가 form&gt &lt.
  3. 요소점 포지셔닝도 까다로운 되고 여러 형을 사용할 때 더욱 악화시키고 다룰 때 응답성의 설계를 할 수 있다. 이 솔루션을 통해 얻을 수 있는 몇 가지 요소의 순서를 따라 레이아웃용 가르칠 수 없게 됐다. 이 경우 끝날 수 있는 가장 큰 영향을 미치는 영향을 받는 것은 디자인이 아니라 이 과제입니다.

해결 방법 2: Javascript 를 사용하여.

Javascript 를 사용할 수 있습니다 링크 비헤이비어를 버튼을 사용하여 트리거하거나 온 클릭 및 기타 이벤트를 한다. 아래 예제는 개선하고 제거할 수 있지만, 그리고 그 속에는 단순히 HTML 설명하기 위해 아이디어:

Continue

장점:

  1. 단순 (기본 요건), 항상 의미 필요로 하지 않는 동안 추가 양식.
  2. 실제 버튼를 있기 때문에, 또 실제 버튼를 처럼 행동하는 (예를 들어, 스페이스바를 누르면 활성화되어 비헤이비어를 드래그할 수 있는 기능 및 / 또는 한다).

단점:

  1. 즉 JavaScript 单捞磐啊 덜 수 있습니다. 이 같은 기본 요소 (core) https://partner. 적합하지 않습니다.

솔루션이므로 3: 앵커 (link) 같은 버튼를 항공의 자회사에 해당된다.

스타일 같은 버튼를 링크 비교적 쉽고 비슷한 경험을 제공할 수 있는 다양한 브라우저. [3] 는 [부트스트랩에] 이 손쉽게 얻을 수 있지만, 또한 자체적으로 사용하는 간단한 스타일.

장점:

  1. 단순 (기본 요건), 좋은 크로스 브라우저 지원.
  2. 필요가 없습니다. ',' &lt form&gt 것이다.
  3. Javascript 를 사용할 필요가 없습니다.

단점:

  1. 의미 있는 단추를 운영까지도 때문에 일종의 줄바꿈할 같은 역할을 하는 버튼를 아니라 링크 링크 역할을 합니다.
  2. 모든 비헤이비어는 재현하는 않을 것이라고 솔루션 # 1. 같은 비헤이비어를 tpc. 버튼를 지원하지 않습니다. 예를 들어, 링크 다르게 반응할 때 드래그된. 또한, 공간을 &quot bar&quot. 몇 가지 추가 없이 JavaScript 코드를 트리거할 https://partner. 작동하지 않습니다. 이후 추가 지원하는 방식에 대한 복잡한 것 많은 브라우저 '키 누르기' 행사를 곷떒 일관됨 않습니다.

결론

1 ( 버튼를 양식에 ) 솔루션 사용자를 위해 필요한 최소한의 작동합니까 가장 투명한 같다. 이 경우 선택 및 서버 측 면변형 는 레이아웃용 영향을 주지 않습니다, 이것은 좋은 옵션이 실현 가능한 경우의 액세서빌러티를 최우선 과제로 있다 (예를 들어, 오류가 있는 링크를 페이지 또는 오류 메시지).

Javascript 가 아닌 경우 고객의 요구 사항, 그리고 액세서빌러티를 걸림돌이 될 것이다 ( JavaScript ) 솔루션을 통해 우선 1 과 # # # 2. 3.

만약 어떤 이유에서인지 액세서빌러티를 (자바스크립트 옵션이 없는) 는 매우 중요한 상황에서 확장하지만 설계에 및 / 또는 귀하의 옵션을 사용하여 어졌다면 솔루션, 서버 구성이 방해가 # 1 # 3 ( 앵커 버튼 같은 스타일 ) 는 이 문제를 해결할 대안이 아니라 영향을 최소화하면서.

[3]: https://en.wikipedia.org/wiki/Bootstrap_% 28front-end_framework% 29

Community
편집된 답변23일 5월 2017 в 11:55
해설 (0)
 

    <input TYPE="button" VALUE="Home Page"
        onclick="window.location.href='http://www.wherever.com'">
해설 (6)

간단히 말해 요소 주변에 있는 태그 수 있습니다.

<a href="http://google.com" target="_blank">
My Button
</a>

https://jsfiddle.net/hj6gob8b/

해설 (8)

모든 일을 위해 다음과 같은 발생합니까 적지 않다.

<a class='nostyle' href='http://www.google.com/'>
    <span class='button'>Schedule</span>
</a>

여기서 '있다' 는 앨노스트일 클래스를 사용할 링크 스타일 (없앨 수 있는 표준 https://partner. 스타일) 와 '스타일' 은 클래스용 스파니실버튼 있는 단축시킵니다 &quot button"; (배경, 테두리 그래디언트 등).

해설 (3)

그냥 태그 에드그 왜안돼요 배치하십시오 버튼를 δ1 참조

<a href="https://www.google.com/">Next</a>

To work for me, 완벽하게 보인다, 그냥 원하는 방식으로 20% 에 태그를 https://partner. 추가하지 않습니다. 나는 google 제시하십시오 https://partner. microsoft. 사용했다.

물론 이 태그 형태로 줄 수 있지만 반드시 필요한 것은 아닙니다.

그냥 놔 같은 폴더에 파일을 추가할 때 다른 링크뿐 로컬 파일 이름으로 참조입니다. 또는 경우 같은 폴더에 파일 위치를 지정할 수 없습니다.

<a href="myOtherFile">Next</a>

이 문자 관용으로충만하신 추가하지 않습니다 그러나 uirl 끝에 있는 url 로 끝나는 파일을 인컨텍스트 않니다 프로젝트 경로 전에 파일 이름을. 에드그

만약 내 사업 구조 않았다.

. 은 폴더에서는

  • 은 파일 반면 상위 폴더에 파일을 나타내는 4 개의 하위 디렉터리 또는

.public&lt br>; .html&lt br>;

  • main.html&lt br>;
  • 체온다리스타믈

만약 내가 맹자사믈 약간만이라도, url 이 오픈

http://localhost:0000/public/html/main.html?_ijt=i7ms4v9oa7blahblahblah

그러나 내가 버튼을 클릭할 수 있는 URL 로 변경하십시오 맹자사믈 체온다리스타믈 약간만이라도,

http://localhost:0000/public/html/secondary.html

Url 의 끝에 포함된 특수 문자가 없습니다. 이렇게 하면 좋겠다. 그나저나 - (%20 은 공간 및 삽입됨 in the place of 저들이요 인코딩되지 URL 에 해당)

참고: # 39 는 분명히 이 로컬호스트 0000 0000 you& ll 나름의 저기예요 포트 번호를 사용할 수 없습니다.

게다가? = 스스스스스스스 _ijt 끝에 끕니까 맹자사믈 uirl x 는 검은선을 내거냐 같음 그래서 명백하게 자신만의 연결 되지 않습니다.

&lt br>; # 39 라는 I& 보일 수도 있지만, 일부 상행담관염이라고 기본 방향점 하지만 난 그냥 m 설명하란말야 최대한 내가 할 수 있다. 내가 누군가를 도와라 최소한 ᄋ "이번 읽어 주셔서 감사합니다. 행복한 프로그래밍.

해설 (0)

함께 가는 것이 몇 가지 다른 야생 부트해 없이 간단한 CSS 클래스를 사용하여 추가된 전날에약혼자에게 갈 수 없고, 단순한 HTML, CSS, PHP 코드 jQuery.

Css 클래스 생성 및 추가해 앵커. 이 코드는 아래와 같습니다.

.button-link {
    height:60px;
    padding: 10px 15px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button-link:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}


    <a class="button-link" href="http://www.go-some-where.com"
       target="_blank">Press Here to Go</a>

즉. 아주 쉽게 수행할 수 있다; d # 39 와 같은 형태로 창조적 you& 수 있습니다. 색상, 크기, 모양 (radius) 등) 를 제어할 수 있습니다. 자세한 데일스마 http://schmidt. devlib. 내가 찾은 이 사이트에 대한.

해설 (0)

이러한 작업을 수행할 수 있는 유일한 방법은 제외하고 BalusC& # 39 의 양식 기발한 아이디어!) javascript 가 온 클릭 수 있는 '이벤트' 버튼을 추가하여 액세서빌러티를 위해 좋지 않다.

일반 https://partner. 버튼를 스타일 같은 것을 고려해 본 적이 있습니까? # 39 너회가 can& 있지만 여전히 # 39, s, t developer. OS 별 踰꾪듉 이쪽요 it& 가장 좋은 방법은 작용하게 된다.

해설 (5)

39 로, 같은 해, 당신 애두요 didn& @nicolas 협력했습니다 가져다줄래요 없다 ',' 로 인해 뒤늦게 시작한 것은, 유형 = &quot button&quot 있는 한, 내가 이미 메리 페이스장 제출됩니다 제출됩니다 didn& type.it # 39 가져다줄래요 .and 이제 잊지 말아야 한다 ',', 또는 추가하거나 클래스를 버튼를 &lt a&gt afaq 필요한 레이아웃뿐만:

<a href="http://www.google.com/">
    Click here
</a>
Bhawna Jain
편집된 답변23일 10월 2017 в 7:37
해설 (0)

않으려면 호스트였든 형태로 쓸 수 있는 입력 및 you& # 39 링크를 통한 링크 버튼을 찾고, re 버튼를 보았으매 얼짱 래퍼 및 오버클로킹된 만들 수 있습니다 ',' 앵커 (anchor) div 태그를 h1. # 39 이 자유롭게 사용할 수 있도록 you& 잠재적으로 고객사의 호출이네요 https://partner. 버튼를 배치하십시오; d 특히 유용합니다 곷떒 텍스트 중심의 구매와 세로일 중심으로 안쪽에 수평으로 저들이요 # 39 의 here& 어떻게:

네 버튼를 3 네스트된 냥이라구 구성될 예정이다. div 래퍼, 앵커 (anchor) 및 오버클로킹된 h1 과 같은 있습니다.

<div class="link-button-wrapper">
    <a href="your/link/here">
        <h1>Button!</h1>
    </a>
</div>

그래서 선택한 다음 CSS 스타일 등 너회의 살펴봐야 한다.

.link-button-wrapper {
    width: 200px;
    height: 40px;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    border-radius: 4px;
    background-color: #097BC0;
    box-shadow: 0px 2px 4px gray;
    display: block;
    border:1px solid #094BC0;
}
.link-button-wrapper > a {
    display: inline-table;
    cursor: pointer;
    text-decoration: none;
    height: 100%;
    width:100%;
}
.link-button-wrapper > a > h1 {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: #f7f8f8;
    font-size: 18px;
    font-family: cabinregular;
    text-align: center;
}

[# 39 의 Here&] [1] 는 [이스피들] [2] 에 체크아웃합니다 및 장난치지 거잖나.

보험급부금 이 설정:

  1. Div 하는 래퍼 디스플레이: 블록 쉽게 센터 (flexlm*용 승리를 거두었다. 0 auto) 와 위치 (a&gt &amp 있는 동안, lt;; 인라인 및 더 열심히 할 수 없는 포지션랜드 센터) 가 있습니다.

  2. 그냥, lt, a&gt &amp 할 수 있습니다. 디스플레이, 블록, 이를 중심으로, 스타일, 그런데 이동시키십시오 버튼를 세로일 복사텍스트 내부에 딱딱하죠 됩니다.

  3. 이렇게 하면, 이 &amp a&gt lt;; 디스플레이: 인라인 테이블 및 &amp h1&gt lt;;; 디스플레이: 표에서 사용할 수 있는 수직 정렬: h1&gt &amp 있는 가운데, lt;; 및 중앙 it 세로일 (원하는거요 항상 좋은 단추를 달고). 예, 패딩, 하지만 원하는 경우에는 버튼을 동적으로 사용할 수 있는 형태로, t # 39 크기조정할 won& 청소하십시오.

  4. 가끔 a&gt &amp 포함시키면, lt;; div 내에 하나의 텍스트는 클릭가능 (b) 이 설정 때문에 전체 버튼를 클릭가능 (b).

  5. 39 너회가 don& 감당해야 하는 경우, 양식, t # 39 you& re 그냥 다른 페이지로 이동. 형식은 입력 정보를 위한 것인데, 이를 위한 예약되어야 한다.

  6. 버튼을 스타일 및 텍스트 스타일 서로 자파르트 변수를 확실하게 수 있습니다 (스트레치하는 advantage? 그렇지만 이 더러운 보이는 it& 분해할 수 있어 좋은 # 39 의 CSS 얻을 수 있다).

마이 라이프 스타일 it 모바일 웹 사이트를 말해둘꼐요 브라운아저씨의 간소화하는지 가변 크기의 스크린합니다.

해설 (1)

또 다른 옵션은 링크를 만들 수 있는 버튼:

<a href="yourlink.com">Link link</a>

Css 를 사용할 수 있도록 https://partner. 스타일입니까 연동, 단추, 내부 공간 전체를 차지합니다 버튼 (그러하매 there& # 39 의 사용자가 미스 클릭하면 없음).

button, button a{position:relative;}
button a{top:0;left:0;bottom:0;right:0;}

내가 만든 데모 여기서요.

해설 (2)

스케쳐내 버튼 만들기 위해 사용되는 uirl 어디든요, 버튼 만들기 위한 클래스용 앵커 (anchor).

a.button {
    background-color: #999999;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 5px 8px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.button:hover {
    text-decoration: none;
}
해설 (0)

그렇게 할 수 있는 방법을 7:

  1. 39, & # 39 를 사용하여, code&gt &lt 빈다우드로카션.흐레프 URL& &lt /code&gt,, =

  2. &Lt 빈다우드로카션드레프리스 (& # 39, URL& # 39;) 를 사용하여, code&gt &lt /code>;;

  3. 39, & # 39 를 사용하여, code&gt &lt 빈다우드로카션 URL& &lt /code&gt,, =

  4. &Lt 빈다우지오픈 (& # 39, URL& # 39;) 를 사용하여, code&gt &lt /code>;;
  5. &Lt 빈다우드로카션드라시니 (& # 39, URL& # 39;) 를 사용하여, code&gt &lt /code>;;
      • HTML 을 사용하여 양식
  7. Html 태그를 사용하여 앵커

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;



  Click Me




  Click Me




  Click Me




  Click Me




  Click Me




  <input type='submit' value='Click Me'/>



<a href='https://stackoverflow.com'>
  Click Me
</a>

끝 - &lt 스니핏 >;!

해설 (0)

지금까지 어느 누구도 정답을 알고 있지만, 정말 문제가 없는지 제출됨 많은 듯했다. 내 시행하십시오 슬라이드에서는 한 솔루션:

  1. ',' 방법을 사용하여 &lt, 양식, OP 는 &quot get&quot &gt 시작으로 하는 방법 =. 하지만 이 기능은 정말 잘 첨부됩니다 '?' 는 URL 에 있다. '?' 는 이 문제다.
  2. Jquery / JavaScript 를 사용할 수 있도록 할 때는 다음과 같은 '?', t # 39 링크를 JavaScript 활성화되었는지 doesn& 다니엘을 덧붙여집니다 uirl. 또, 이 방법을 ',' 대체 &lt 완벽하게 form&gt 매우 작은 분수 없는 사용자의 don& # 39, JavaScript 활성화되었습니다.
  3. Javascript 코드를 사용하는 수 있도록 이벤트 리스너를 부착합니다 이벤트 위임 전에, '또는', ',' &lt form&gt button&gt &lt, 심지어 존재합니다. # 39 m, jQuery 를 사용하여 i& 예제에서와 있기 때문에, & # 39 의 쉽고 빠르게 수행할 수 있지만, vanilla& # 39. 자바스크립트 잘 알려져 있다.
  4. Javascript 코드를 기본 동작을 발생하지 않도록 할 수 있는 만큼 다음 링크 ',' 작업 ',' inet6.0 &lt form&gt 속성.

이스빈 예 (코드 스니핏 can& # 39, t 따라와야지 링크)

<! - begin 스니핏: js 숨기십시오: &gt 거짓값 -;

// Listen for any clicks on an element in the document with the `link` class
$(document).on('click', '.link', function(e) {
    // Prevent the default action (e.g. submit the form)
    e.preventDefault();

    // Get the URL specified in the form
    var url = e.target.parentElement.action;
    window.location = url;
});




        <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
        <meta charset="utf-8">
        Form buttons as links






            Link

끝 - &lt 스니핏 >;!

해설 (0)