フォームのURLをどうやって書き換える？

この記事では、フォームのURLをどのように変更するかについて説明します。フォームのURLを変更するには、以下の手順に従ってください。

フォームのURLを変更する手順

まず、フォームのURLの隣にある「変更」というボタンをクリックします。
次に、フォームのURLのパス部分の文字列を入力します。
最後に、「変更」を押します。

これで、新しいURLが公開フォームに反映されていることを確認できます。以下にこの手順を示すコード例を示します。

コード例:
<form action="旧URL" id="myForm">
    ...
    <button onclick="changeURL()">変更</button>
</form>

<script>
function changeURL() {
    const form = document.getElementById("myForm");
    const newPath = "新しいパス";
    form.action = form.action.replace(/旧パス/, newPath);
    alert("URLが変更されました: " + form.action);
}
</script>

フォームのURLを短縮する方法

さらに、フォームのURLを短縮することも可能です。以下に示す手順に従って、URL短縮を行います。

「フォームを送信」画面で、URLが表示されている下にある「URLを短縮」にチェックを入れます。

チェックを入れると、URLは自動的に短縮され、メールやチャットなどで簡単に共有できるようになります。短縮URLを作成するコード例を以下に示します。

コード例:
<input type="checkbox" id="shortenURL" onclick="shortenAndDisplayURL()"> URLを短縮 <br>
<span id="shortURL"></span>

<script>
function shortenAndDisplayURL() {
    const originalURL = "http://example.com/非常に長いURLパス";
    const shortURL = document.getElementById("shortURL");
    shortURL.innerText = document.getElementById("shortenURL").checked ? "http://short.url/短縮URL" : originalURL;
}
</script>

この記事を参考にして、フォームのURLを効果的に管理できるようになりましょう。

その他の参考記事: