HTMLのURL入力フォームの作成方法

\要素を使用する方法:
```
<form>
<label for="url-input">URL:</label>
<input type="url" id="url-input" name="url">
<input type="submit" value="送信">
</form>
```
この方法では、<input>要素のtype属性を"url"に設定することで、URLの入力に適したフォームを作成します。

正規表現を使用してURLのバリデーションを行う方法:

<script>
function validateURL() {
var urlInput = document.getElementById("url-input").value;
var urlPattern = /^(http|https):\/\/[\w\-]+(\.[\w\-]+)+([\w\-\.,@?^=%&amp;:/~\+#]*[\w\-\@?^=%&amp;/~\+#])?$/;
if (urlPattern.test(urlInput)) {
alert("有効なURLです。");
} else {
alert("無効なURLです。");
}
}
</script>
<form>
<label for="url-input">URL:</label>
<input type="text" id="url-input" name="url">
<input type="button" value="確認" onclick="validateURL()">
</form>

この方法では、JavaScriptの正規表現を使用して、入力されたURLが有効かどうかをバリデーションします。

URLのプレースホルダーを表示する方法:
```
<input type="url" id="url-input" name="url" placeholder="https://example.com">
```
この方法では、<input>要素のplaceholder属性を使用して、URLの例を表示します。

これらはHTMLでURL入力フォームを作成するためのいくつかの方法です。必要に応じて、上記のコード例をカスタマイズして使用してください。