From 118c7cd06bebaa96ee1bab9abc6f4acc96585f14 Mon Sep 17 00:00:00 2001
From: yushijinhun <yushijinhun@gmail.com>
Date: Sun, 2 Aug 2020 21:13:13 +0800
Subject: [PATCH] use textbox for skin_url & cape_url

---
 index.html | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/index.html b/index.html
index dda527b..87c1996 100644
--- a/index.html
+++ b/index.html
@@ -107,24 +107,26 @@
 		</div>
 
 		<div>
-			<h4>Skin</h4>
-			<select id="skin_url" onchange="reloadTextures()">
-				<option value="img/1_8_texturemap_redux.png">Texture Map (64x64)</option>
-				<option value="img/Hacksore.png">Hacksore (64x32)</option>
-				<option value="img/haka.png">Haka (64x64)</option>
-				<option value="img/hatsune_miku.png">Hatsune Miku (64x64)</option>
-				<option value="img/ironman_hd.png">Ironman (256x265)</option>
-				<option value="img/sethbling.png">Sethbling (64x32)</option>
-			</select>
+			<label for="skin_url">Skin URL:</label>
+			<input id="skin_url" type="text" value="img/1_8_texturemap_redux.png" list="default_skins" onchange="reloadTextures()" />
+			<datalist id="default_skins">
+				<option value="img/1_8_texturemap_redux.png">
+				<option value="img/Hacksore.png">
+				<option value="img/haka.png">
+				<option value="img/hatsune_miku.png">
+				<option value="img/ironman_hd.png">
+				<option value="img/sethbling.png">
+			</datalist>
 		</div>
 		<div>
-			<h4>Cape</h4>
-			<select id="cape_url" onchange="reloadTextures()">
-				<option value="">None</option>
-				<option value="img/cape.png">Mojang Legacy</option>
-				<option value="img/mojang_cape.png">Mojang</option>
-				<option value="img/hd_cape.png">HD Cape</option>
-			</select>
+			<label for="cape_url">Cape URL:</label>
+			<input id="cape_url" type="text" value="" list="default_capes" onchange="reloadTextures()" />
+			<datalist id="default_capes">
+				<option value="">
+				<option value="img/cape.png">
+				<option value="img/mojang_cape.png">
+				<option value="img/hd_cape.png">
+			</datalist>
 		</div>
 	</div>
 	<script type="text/javascript" src="js/dist/skinview3d.bundle.js"></script>