링크에서 양식을 HTML/JS[중복]

Question 1

나는 현재 만들려고 하는 프로그램에 입력할 수 있는 링크는 HTML 형태와 버튼을 클릭하면 그것을 전송하는 링크가 있습니다. 그러나 때,나는 버튼을 클릭 페이지의 그를 지웁니다. 저는 파이썬은 기본이고 초보자를 HTML/JS 방법 그래서 나는 구조 내 코드가 있을 수 있습니다 왜:

<form>
    <input type="url" id="link" placeholder="Enter link of website:" required>
    <br>
    <button class="outline" id="open">Create gate</button>
    </form>
    <script type="text/javascript">
        document.getElementById("open").onclick = () => 
        location.assign(String(document.getElementById("link").value));
    </script> </form>

Question 2

때문에,당신은 당신을 사용하는 형태입니다. 귀하의 버튼

<button class="outline" id="open">Create gate</button>

로 행동 양식을 제출 버튼고,따라서 그것은 페이지를 새로 고칩 실행하기 전에 location.assign() 방법입니다. 많은 방법이 있습니다.

하나의 간단한 방법은 독점적으로 말하는 브라우저에 이 버튼은 제출 버튼을,우리가 할 수 있는 것을 사용하여 type="button" 특성에서 우리의 단추입니다.

Create 게이트
당신이 사용할 수 있는 e.preventDefault() 에서 당신의 양식을 제출하는지에 상쾌한입니다.

려고 아래 코드:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Location Object</title>
</head>
<body>
    <form>
        <input type="url" id="link" placeholder="Enter link of website:" required>
        <br>
        <button class="outline" id="open">Create gate</button>
    </form>
    <script type="text/javascript">
        document.getElementById("open").addEventListener('click', (e) => {
             e.preventDefault();
            location.assign(String(document.getElementById("link").value));
        });
       
    </script>
    </form>
</body>
</html>

Question 3

코드,정확하게 제공하여 붙여 넣을 최소화 HTML5 상용구 템플릿 작품에서 Textastic 코드 편집기에서 사파리에서 실행 localhost.

아마도 다른 어떤 JavaScript 부근에서 이벤트의 수신기를 깨고 화살표는 기능입니다. 어쩌면 다단계 하나의 기능 문 도움을 줄 수?

Imran Rafiq Rather · Answer 1 · 2021-11-24T05:52:15

때문에,당신은 당신을 사용하는 형태입니다. 귀하의 버튼

<button class="outline" id="open">Create gate</button>

로 행동 양식을 제출 버튼고,따라서 그것은 페이지를 새로 고칩 실행하기 전에 location.assign() 방법입니다. 많은 방법이 있습니다.

하나의 간단한 방법은 독점적으로 말하는 브라우저에 이 버튼은 제출 버튼을,우리가 할 수 있는 것을 사용하여 type="button" 특성에서 우리의 단추입니다.

Create 게이트
당신이 사용할 수 있는 e.preventDefault() 에서 당신의 양식을 제출하는지에 상쾌한입니다.

려고 아래 코드:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Location Object</title>
</head>
<body>
    <form>
        <input type="url" id="link" placeholder="Enter link of website:" required>
        <br>
        <button class="outline" id="open">Create gate</button>
    </form>
    <script type="text/javascript">
        document.getElementById("open").addEventListener('click', (e) => {
             e.preventDefault();
            location.assign(String(document.getElementById("link").value));
        });
       
    </script>
    </form>
</body>
</html>

Scott Wright · Answer 2 · 2021-11-24T05:48:39

코드,정확하게 제공하여 붙여 넣을 최소화 HTML5 상용구 템플릿 작품에서 Textastic 코드 편집기에서 사파리에서 실행 localhost.

아마도 다른 어떤 JavaScript 부근에서 이벤트의 수신기를 깨고 화살표는 기능입니다. 어쩌면 다단계 하나의 기능 문 도움을 줄 수?

링크에서 양식을 HTML/JS[중복]

질문

최고의 응답

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리